props这个需要注意的是,不可以直接在子组件修改props过来的值。
若需修改,在子组件中用另一个变量接收;
且需同步时,将其变量回调给父组件。
注意:若传递的值为引用类型的,如array,object的
在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。
因为都是引用同一个内存地址
watch(一个影响多个)
主要用于当一个属性发生变化时,需要执行对应的操作;一对多时,一般用 watch。
需要注意的是,初始化的时候并不会执行,若是初始需要执行:
immediate:组件加载立即触发回调函数执行
immediate:true
当需要监听一个对象的改变时,普通的watch方法无法监听到对象内部属性的改变
只有data中的数据才能够监听到变化,此时就需要deep属性对对象进行深度监听。
例子:
watch: { obj: { handler(newName, oldName) { console.log('obj.a changed'); }, immediate: true, deep: true } }
computed(一个被多个影响)
computed有get和set方法;
需要return