1,组件名
官方推荐的组件名是 每个单词首字母大写(PascalCase) 或者 全小写用 - 连接(kebab-case) 。 在DOM中使用的时候, 改为全小写, 单词之间用 - 连接。
Vue.component('MyComponent', {}); 或者 Vue.component('my-component', {});
import MyComponent from 'MyComponent.vue';
export default {
name: 'MyComponent'
}
在DOM中使用的时候, <my-component></my-component>
2,props
声明 prop的时候, 使用驼峰命名(myProps), 模板中使用的时候, 用 - 连接(my-props)
props: {
myProps: {}
}
- 文件命名规范
vue文件命名规范 页面小写 组件大写
除index.vue之外,其他.vue文件统一用PascalBase风格
4.css规范
用下划线_区分和各大框架之间样式的区别,scoped内的样式无法穿透。