国庆Vue基础补全（四）

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>