vue项目中的遇到的坑和感悟

  1. 使用keep-alive包裹的组件/路由,打开一次后created只会执行一次,有两种状况,1、若是要从新渲染部分数据,能够在activated中作处理;2、路由/组件从新从新created,可使用官方推荐的:key="key" ,而后去改变key的值,组件就会从新挂载了
  2. beforeRouteEnter中的next函数的执行时间是在组件mounted以后,所以须要在此到处理的数据要注意了
  3. 网页刷新时vuex数据会丢失,需配合localStoragesessionStorage使用,把必须数据先存后取
  4. 对于权限及不肯定路由,可使用addRoutes(),能够避免抖动
  5. 熟练使用es6的数组map、find、filter等方法,对解构赋值、class继承、promise,及es7中的async和await
  6. 使用computed替代watchcomputed依赖于data属性的更改,是有缓存的
  7. 经过props传递的值,不要在子组件去更改。开发中,若是直接更改props,1、基本类型的值会报错,2、引用类型的值不会报错,可是很差去追溯数据的更改,不少人不太注意引用类型,可经过computedwatch去更改
  8. data里调用methods的方法,能够在data里定义let self = this,而后在使用self.xx()进行调用
在开发过程当中,条条大路通罗马,可是要考虑哪条路是最优路径。如何少写冗余代码,优化性能,才是咱们须要考虑的。

始于2019.05.08,天天进步一点点,持续更新···vue

相关文章
相关标签/搜索