代码编织梦想

实现vuex数据持久化-爱代码爱编程

当我们在使用Vuex的时候会遇到刷新或者页面跳转后,Vuex储存的数据会重置的问题,所以我们需要对Vuex的数据进行持久化处理。 一、通过vuex-persist实现数据持久化 1.安装 yarn add vuex-persist 2.使用 import Vue from 'vue' import Vuex from 'vuex' im

vue项目中使用scss-爱代码爱编程

vue项目中使用scss 一、安装使用scss1. 安装 scss2. 安装 node-sass 和 sass-loader3. 配置 webpack.base.conf.js 文件4. 组件中使用 scss 二

vue的$forceupdate——强制刷新-爱代码爱编程

$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。 注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 官网地址学习👉vm.$forceUpdate() 1、主要用来解决强制刷新视图和数据。 2、结合vue生命周期,调用$forceUpdate后会触发beforeUpdate和updated这两个钩子函数,不会触发其他钩

使用this.$http.get 和 this.$http.post传参-爱代码爱编程

uniapp使用this.$http.get 和 this.$http.post传参 get: let tmp = { xxxx: 'xxx', } // console.log();

vue 生命周期-爱代码爱编程

生命周期:      1.又名:生命周期回调函数、生命周期函数、生命周期钩子。      2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。      3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。      4.生命周期函数中的this指向是vm 或 组件实例对象。 常用的生命周期钩子:

vue数据代理-爱代码爱编程

1.Object.defineProperty方法 作用:number和person是俩个东西,但是通过Object.defineProperty方法,使这俩个东西产生了关联 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

谷歌浏览器一打开调试模式(f12),刷新页面就出错。咋回事?-爱代码爱编程

参考网址: https://blog.csdn.net/weixin_59286006/article/details/123086459?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERa

微信公众号跳转小程序 wx-open-launch-weapp,在vue3+vite中使用 (多个问题集锦)-爱代码爱编程

写这篇文章为了解决现在没有⼀个合集 ,所以我参考其他文档, 及自己的测试最后得出完整的方案 1. 公众号后台关联小程序 要求已认证的服务号 ,在服务号中关联要跳转的小程序配置 JS接口安全域名 2. 调用wx.co

vue 打包-爱代码爱编程

多级路径 config/index.js build: { index: path.resolve(__dirname, '../appweb/frReport/index.html'), // Paths assets

对象数组去重-爱代码爱编程

objArrDuplicates(arr,type){ const obj = {} return arr.reduce(function(newArr, item) { obj[item[type]] ? '' : obj[item[type]] = true && newArr.push(item)

vue2和vue3的多语言解决方案及使用方法-爱代码爱编程

Vue2 和 Vue3 在多语言解决方案方面都可以使用 vue-i18n 插件。vue-i18n 是一个基于 Vue.js 的国际化插件,它提供了多语言支持和实现了翻译的功能。以下是如何在 Vue2 和 Vue3 中使用 vue-i18n 的简要说明: Vue2 的多语言解决方案: 在 Vue2 中,可以使用 vue-i18n 插件来实现多语言支持

el与data的俩种写法-爱代码爱编程

el的俩种写法: new Vue的时候配置el属性先创建Vue实例,随后在通过vm.$mount('#root')指定el的值 代码示例: 方法一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

【学习】 vue学习总结-爱代码爱编程

一. Vue基础 1、认识Vue.js Vue是一个渐进式的框架 1、渐进式意味着你可以将Vue作为你应用的一部分嵌套其中 2、Vue的核心库以及其生态系统 3、Core + Vue-router +

vue路由技术-爱代码爱编程

1.基本使用 1.安装vue-router,命令:npm i vue-router 2.应用插件:Vue.use(VueRouter) 3.编写router配置项 4.切换样式:active-class可以配置

【开发实践】在线考试系统(二) 五边形战士——正确题目数统计-爱代码爱编程

一、需求分析 【需求】:笔者最近开发了一个在线考试系统,指导教师提出一个需求:统计一下正确题目数在各类题型中的占比情况。 多种类型统计数据展示出来,当然表格也能实现,但是视觉效果就相对普通。不妨换种其他的图式——雷达图。  二、技术引入 1、Apache ECharts         ECharts,一个使用 JavaScript 实现

element ui el-date-picker 组件默认值-爱代码爱编程

element ui el-date-picker 组件添加默认值 element ui el-date-picker 组件默认当年 <el-form-item label=""> <el-date-

【java web】002 -- js & vue快速入门-爱代码爱编程

目录 一、JS快速入门 1、什么是JavaScript? 2、JS引入方式 ①、示例代码 3、JS基础语法 ①、书写语法 ②、变量 ③、数据类型 ④、运算符 ⑤、流程控制语句 4、JS函数 ①、第一种函数定义方式 function fun

《代码实例》vue组件与路由-爱代码爱编程

案例一.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met

【vue】【杂碎】v-on:change = “methods()“和v-on:change = “methods“的区别-爱代码爱编程

以methods为 upload_json为例: 区别在于 v-on:change 属性所绑定的事件处理函数的名称是否后跟一对括号。 在第一行代码中,v-on:change 属性所绑定的事件处理函数的名称为 “uploa

vue中的数据代理-爱代码爱编程

一、什么是数据代理 数据代理:通过一个对象代理对另一个对象中属性的操作(读/写) let obj = {x:100} let obj2 = {y:200} Object.defineProperty(obj2,'x',{ get(){ return obj.x }, set(value){ o