码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中 几个常用的命名规范

时间:2019-05-16 12:26:44      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:大小   ops   首字母   lca   .com   规范   port   event   one   

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: {}
}

<my-component :my-props="abc"></my-component>

 

3,自定义事件名

  因为html对大小写不敏感,所以大写的都会被转为小写的。 所以推荐 都用 -连接来命名。

this.$emit(‘my-event‘);

<my-component @my-event="abc"></my-component>

 

  

Vue中 几个常用的命名规范

标签:大小   ops   首字母   lca   .com   规范   port   event   one   

原文地址:https://www.cnblogs.com/wjyz/p/10874831.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!