在使用第三方Vue UI框架时,UI标签属性使用v-bind绑定prop值,当子组件修改这个prop值后,会有这个提示
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders.
Vue没有报错说明这个写法没错,警告了,说明这个写法不推荐
按照提示,可以使用子组件自身的data值来进行绑定UI标签,然后使@Watch 来监听prop值是否发生变化,修改data值,从而得到一样的效果。
@Watch监听的时候需要添加{inmediate:true}意思是监听初始变化
如果不添加,很有可能不会成功监听