实现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