vue 使用规范
<p>1:Prop 定义应该尽量详细。至少要定义其类型,提供默认值,声明 prop 的时候,其命名应该始终使用 camelCase,而在模板中应该始终使用 kebab-case,使用 props 之前先检查该 prop 是否存在
2:使用v-for遍历生成dom,必须用 key 配合 v-for。禁止搭配v-if使用
3:组件内写样式时,尽量添加一个class类 写样式,而不是使用其标签写样式
4:vue组件的 data 必须是一个函数。
5:为组件样式设置作用域组件内 style 标签 记得要用scoped属性。
6:元素选择器应该避免在 scoped 中出现。
7:应该优先通过 prop 和事件进行父子组件之间的通信,而不是 this.$parent 或变更 prop。
8:指令缩写 (用 : 表示 v-bind:、用 @ 表示 v-on: 和用 # 表示 v-slot:) 应该要么都用要么都不用。项目中统一使用缩写
9:this.$nextclick(()=>{}) 正确使用
10:组件内使用了,各种插件如echart 或者 定义了定时器时,在组件销毁前生命周期函数要移除。</p>
<pre><code class="language-javascript"> this.$once('hook:beforeDestroy',()=>{
clearInterval(timer);
timer = null;
})</code></pre>
<p>11:合理选择使用 Object.freeze() 处理大量数据静态展示,可以让性能大幅提升</p>