父子props传值小坑

坑1)父组件事件触发修改prop值,并传值给子组件接受,子组件自身事件触发去修改props值,通过emit,vue报错,因为父子props单向传递,禁止子组件改变props值
解决),在子组件中data中定义属性为props中的值
但是父组件传过来的值并没有实时更新子组件中的值。注意生命周期,data在create生命周期就被赋值成功了。
解决,应在子组件中watch监听props中的值。
坑2)但是我用箭头函数(newvalue,oldvalue)的newvalue赋值给子组件值,但是不成功
解决,watch中不要用箭头this函数,不是指向vue实例,自然赋值不成功。建议使用普通函数
自己还是太大意了,知道层面意思,但是实例操作不够细心。多主意,多看官方文档

你可能感兴趣的:(笔记)