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)  编辑  收藏  举报