vue优雅管理数据流动

从react转向写vue，有很多地方很别扭。很容易就写出不好的代码。本文介绍如何优雅的在vue中写出易于维护的代码。

变量定义

1. 是否纠结到底用Ref还是Reactive，teamplte不需要.value script需要.vue 不统一的写法
2. 少用watch 不要盯着数据变化，而是要盯着数据为什么变化，数据不会无缘无故变。一定是有什么地方触动了，在触动的地方去修改
3. 不用emit

hooks

hooks不是单纯意义上的封装函数，逻辑复用，也是抽离副作用的

vue中有很多使用很方便的语法糖，但是后续维护会让人很难理解

1. 指令，指令是一个很方便的东西，但是不推荐使用
2. 非props特性 $parent $chindren provide inject
3. 所有的数据放状态管理里
4. https://zh.javascript.info/ninja-code