每日一博 | Vue 前端开发规范
基于Vue官方风格指南整理 一、强制 1. 组件名为多个单词 组件名应该始终是多个单词的,根组件 App 除外。 正例: export default { name: 'TodoItem', // ... } 复制代码 反例: export default { name: 'Todo', // ... } 复制代码 2. 组件数据 组件的 data 必须是一个函数。 当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。 正例: // In a .vue file export default { data () { return { foo: 'bar' } } } // 在一个 Vue 的根实例上直接使用对象是可以的, // 因为只存在一个这样的实例。 new Vue({ data: { foo: 'bar' } }) 复制代码 反例: export default { data: { foo: 'bar' } } 复制代码 3. Prop定义 Prop 定义应该尽量详...