前端最终规范


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(()=&gt;{}) 正确使用 10:组件内使用了,各种插件如echart 或者 定义了定时器时,在组件销毁前生命周期函数要移除。</p> <pre><code class="language-javascript"> this.$once('hook:beforeDestroy',()=&gt;{ clearInterval(timer); timer = null; })</code></pre> <p>11:合理选择使用 Object.freeze() 处理大量数据静态展示,可以让性能大幅提升</p>

页面列表

ITEM_HTML