Prop
在html中prop传值要要用kebab-case,小写连字符,如果这里使用模板字符串,就可以用驼峰
<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>
js部分是要用驼峰式的
Vue.component('blog-post', {
// 在 JavaScript 中是 camelCase 的
props: ['postTitle'],
template: '<h3>{{ postTitle }}</h3>'
})
组件名官方是推荐用kebab-case,组件名是小写,引入的时候也用小写<my-component-name>
组件名首字母用大写MyComponentName,组件引入可以用大写或者小写
Vue.component('my-component-name', { /* ... */ })
事件派发推荐kebab-case 因为:on会把大写转为小写
HTML大小写不敏感
this.$emit('my-event')
<my-component v-on:my-event="doSomething"></my-component>
网友评论