国庆Vue基础补全（四）

Prop

在html中prop传值要要用kebab-case，小写连字符，如果这里使用模板字符串，就可以用驼峰

js部分是要用驼峰式的

Vue.component('blog-post', {
  // 在 JavaScript 中是 camelCase 的
  props: ['postTitle'],
  template: '
{{ postTitle }}
'
})

组件名官方是推荐用kebab-case，组件名是小写，引入的时候也用小写
组件名首字母用大写MyComponentName，组件引入可以用大写或者小写

Vue.component('my-component-name', { /* ... */ })

事件派发推荐kebab-case 因为:on会把大写转为小写
HTML大小写不敏感

this.$emit('my-event')