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