前置知识

单向数据流

Vue 的单向数据流:指数据一般从父组件传到子组件,子组件没有权利直接修改父组件传来的数据,即子组件从 props 中直接获取的数据,只能请求父组件修改数据再传给子组件。父级属性值的更新会下行流动到子组件中

image.png

refs

image.png
image.png

参考连接

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

项目存在问题

数据流向不明确

数据流向不明确

nexttick

1.多余的nexttick,有些地方并不需要,并且引用了就会多一个异步

变量方法排查

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

模板

模板

新旧对比

新旧对比


aaaa
5 声望0 粉丝

« 上一篇
公共工具
下一篇 »
界面调整说明