vue-单向数据流

问题出现在子组件中 ：

对prop 中定义的变量进行了赋值操作，其值本应来自父组件传递，不倡导在子组件中对其做更改，也就是单向数据流。摘录一段官方的说法。

 

 

单向数据流

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：

    父级 prop 的更新会向下流动到子组件中，但是反过来则不行。

    这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。
    额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。

    这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。

 

 

父组件这么写，可以不需要prop进行值的传递，

因为在父组件中是可以调到子组件的方法的，那么把这个子组件的isShowDia方法再封一层就可以把当前组件的参数传递进去了。

 

解决办法：

父组件传的值使用一个变量来接收这个值，在子组件中，直接修改变量或者操作变量即可。