概述
一、组件名
官方推荐的组件名：每个单词首字母大写（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>二，props
声明 prop时，使用驼峰命名（myProps），模板中使用的时候，用 - 连接（my-props）
props: {
myProps: {}
}
<my-component :my-props="abc"></my-component>三，自定义事件名
html对大小写不敏感，所以大写的都会被转为小写的。 所以推荐都用 -连接来命名。
this.$emit（'my-event'）;
<my-component @my-event="abc"></my-component>
最后
以上就是单身月饼为你收集整理的vue系列（4）：常用的命名规范一、组件名二，props三，自定义事件名的全部内容，希望文章能够帮你解决vue系列（4）：常用的命名规范一、组件名二，props三，自定义事件名所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[转载]Flash为客户端的多人网络游戏的实现](/uploads/reation/bcimg2.png)
发表评论 取消回复