谈谈 Vue 单向数据流

Vue 单向数据流

单向数据流就是从一个组件单方向将数据流向它的内部组件，也就是父组件的数据流向子组件中，但子组件不能将这个数据修改掉

如要修改需要返回到父组件中修改然后数据会重新流向子组件，从而达到更新数据的原理

优点

优点在于所有的状态改变可追溯，假设子组件可随意更改父组件甚至祖宗组件的状态，那各组件的状态改变就会变得难以追溯，父组件的状态也可能被子组件意外修改而不可察觉。

与双向绑定的关系

vue 是单向数据流框架，v-model 只不过是语法糖，它是：

:value="sth"和@change="val => sth = val"的简写形式。

让用户的操作可以通过单向的数据流向更新到绑定值中，绑定值在通过更新渲染更新到页面上，感觉是我们操作视图的变化而改变了数据。

参考文章：

https://zhuanlan.zhihu.com/p/385640898 > https://juejin.cn/post/6844903834599292936