从react转向写vue,有很多地方很别扭。很容易就写出不好的代码。本文介绍如何优雅的在vue中写出易于维护的代码。
变量定义
- 是否纠结到底用
Ref
还是Reactive
,teamplte不需要.value script需要.vue 不统一的写法 - 少用watch 不要盯着数据变化,而是要盯着数据为什么变化,数据不会无缘无故变。一定是有什么地方触动了,在触动的地方去修改
- 不用emit
hooks
hooks不是单纯意义上的封装函数,逻辑复用,也是抽离副作用的
vue中有很多使用很方便的语法糖,但是后续维护会让人很难理解
- 指令,指令是一个很方便的东西,但是不推荐使用
- 非props特性 $parent $chindren provide inject
- 所有的数据放状态管理里
- https://zh.javascript.info/ninja-code