12 2021 档案
组件间的传值
摘要：通过props进行父子之间注意点： 在给所传的值设置默认值时，如果是非引用类型的数据，可以直接设置default:非引用类型变量；如果是引用类型则需要用函数return返回的方式： props:{ dataVal:{ type:Array/Object, default:()=>[1,2,3] }
阅读全文
vue实例中的data里面写函数方法
摘要：<script> export default { data() { const generateData = _ => { const data = []; for (let i = 1; i <= 15; i++) { data.push({ key: i, label: `备选项 ${ i }
阅读全文
vue中事件的绑定触发、监测与解绑
摘要：父子组件之间的事件的绑定触发、监测与解绑 事件的绑定触发： vm.$emit(event,arg1,arg2......); 事件的监测： vm.$on(event,callback(arg)):如果传入的参数个数是一个，那么arg就是那个传入的参数；如果传入的参数是多个，arg就是一个数组，多个参
阅读全文
watch监测的使用方式
摘要：首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 值也可以
阅读全文
数组与字符串之间的相互转换
摘要：将数组转换为字符串： 1.Array.toString():将数组转化为一个以逗号分隔、不带方括号的字符串； 2.Array.join(“分隔符”)：将数组转化为以分隔符链接的字符串，如果分隔符参数为空则默认以逗号为分隔符链接字符串； 3.Array.toLocalString():将数组转化为一个
阅读全文
封装组件时的注意点
摘要：封装组件复用性和解耦性 如果父子组件用prop传值和$emit触发事件，不能够隔层传值，如果有隔层传值的话要使用vuex传值和用bus触发事件；一个组件也可以同时拥有prop、vuex和bus多种传参方式，通过判断props的传值是否为默认值，如果不是默认值就把props中的变量赋值给某一变量，否则
阅读全文
vueX的使用
摘要：使用vueX的目的与优点： vueX是一个公共状态的管理仓库，便于对多个组件文件都需要使用的公共数据状态进行统一管理； vueX使用方法: 1.安装vueX插件;创建一个编写vueX的store.js文件，在文件中引入vue和vueX，vue.used(vueX);将store.js的文件引入到主文
阅读全文
