2021 年 12月 19 日随笔档案 - 忆百合

2021年12月19日

摘要：通过props进行父子之间注意点：在给所传的值设置默认值时，如果是非引用类型的数据，可以直接设置default:非引用类型变量；如果是引用类型则需要用函数return返回的方式： props:{ dataVal:{ type:Array/Object, default:()=>[1,2,3] } 阅读全文

posted @ 2021-12-19 21:42 忆百合阅读(24) 评论(0) 推荐(0)

vue实例中的data里面写函数方法

摘要： <script> export default { data() { const generateData = _ => { const data = []; for (let i = 1; i <= 15; i++) { data.push({ key: i, label: `备选项 ${ i } 阅读全文

posted @ 2021-12-19 21:27 忆百合阅读(5008) 评论(0) 推荐(0)

vue中事件的绑定触发、监测与解绑

摘要：父子组件之间的事件的绑定触发、监测与解绑事件的绑定触发： vm.$emit(event,arg1,arg2......); 事件的监测： vm.$on(event,callback(arg)):如果传入的参数个数是一个，那么arg就是那个传入的参数；如果传入的参数是多个，arg就是一个数组，多个参阅读全文

posted @ 2021-12-19 21:10 忆百合阅读(511) 评论(0) 推荐(0)

watch监测的使用方式

摘要：首先确认 watch是一个对象，一定要当成对象来用。对象就有键，有值。键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。值也可以阅读全文

posted @ 2021-12-19 19:32 忆百合阅读(136) 评论(0) 推荐(0)

数组与字符串之间的相互转换

摘要：将数组转换为字符串： 1.Array.toString():将数组转化为一个以逗号分隔、不带方括号的字符串； 2.Array.join(“分隔符”)：将数组转化为以分隔符链接的字符串，如果分隔符参数为空则默认以逗号为分隔符链接字符串； 3.Array.toLocalString():将数组转化为一个阅读全文

posted @ 2021-12-19 18:48 忆百合阅读(3573) 评论(0) 推荐(0)

封装组件时的注意点

摘要：封装组件复用性和解耦性如果父子组件用prop传值和$emit触发事件，不能够隔层传值，如果有隔层传值的话要使用vuex传值和用bus触发事件；一个组件也可以同时拥有prop、vuex和bus多种传参方式，通过判断props的传值是否为默认值，如果不是默认值就把props中的变量赋值给某一变量，否则阅读全文

posted @ 2021-12-19 18:15 忆百合阅读(291) 评论(0) 推荐(0)