关于vue.js:数据流问题

53次阅读

共计 330 个字符,预计需要花费 1 分钟才能阅读完成。

前置常识

单向数据流

Vue 的单向数据流:指数据个别从父组件传到子组件,子组件没有权力间接批改父组件传来的数据,即子组件从 props 中间接获取的数据,只能申请父组件批改数据再传给子组件。父级属性值的更新会上行流动到子组件中

refs

参考连贯

refs 的负面影响 1
refs 操作的负面影响 2

我的项目存在问题

数据流向不明确

数据流向不明确

nexttick

1. 多余的 nexttick,有些中央并不需要,并且援用了就会多一个异步

变量办法排查

如果一个办法或属性,是要父组件通过 $ref 去操作,并且在子组件没有调用或发送事件,那么在排查这个办法或属性是否多余时,就很麻烦,得依据子组件的信息向全局搜寻。如遇是单向数据流哪么只须要查找子孙组件 (全局注册组件除外)

模板

模板

新旧比照

新旧比照

正文完
 0