s

vue中的若干需要注意的点

1.prop, 父组件向子组件传值的两个步骤

  1. 属性绑定: :attr="myattr"
  2. props:['myattr'], 中注册这个属性。  但是需要注意的时,子组件中可以使用这个myattr, 但是官方不推荐直接去修改这个myattr。非要修改就在子组件自己的data属性中定义一个变量存放myattr,修改这个新定义的变量才是推荐的做法!,也就是prop中的数据只是可读的!

 2.vue 监听属性 watch中回调函数不能使用箭头函数!!!

 1  let vm = new Vue({
 2         el: '#app',
 3         data: {
 4             firstname: '',
 5             lastname: '',
 6             fullname: '',
 7         },
 8         methods: {},
 9         watch: { //这个方法可以监听data中指定数据的变化,从而触发这个watch中的处理函数  watch对象里面采用键值对方式,key:监听的数据,val:监听的回调
10         }
11       /* watch 属性中不能用箭头函数
12         JS 代码分为 预解析阶段和执行阶段,在预解析阶段遇到函数声明会提前进行预解析,此时下面代码中的箭头函数会在全局定义,
13         因为 var vm = new Vue({...}) 这句代码在预解析阶段还没有被执行。当到了执行阶段并且改变 a 的值后,
14         watch 中的箭头函数开始执行,此时的运行环境确实是新创建的 vm 对象。但是对于箭头函数来说,
15      箭头函数中的 this 指向的是定义时的对象而不是函数运行时所在的对象普通函数指向的是运行时所在的的对象16         这一点与普通函数有很大的区别。 */
17     })

 

posted @ 2021-05-06 14:17  努力不搬砖的iori  阅读(44)  评论(0编辑  收藏  举报