vue优雅管理数据流动

    0

从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
评论区
共有评论 0
暂无评论