28.组件注册注意事项

• 28.组件注册注意事项
  • 1.data必须是一个函数
  • 2.组件模板内容必须是单个根元素
  • 3.组件模板内容可以是模板字符串
  • 4.组件命名方式

1.data必须是一个函数

• 分析函数与普通对象的对比

2.组件模板内容必须是单个根元素

• 分析演示实际的效果

3.组件模板内容可以是模板字符串

• 模板字符串需要浏览器提供支持 (ES6语法)

4.组件命名方式

• 短横线方式 (推荐使用这个)

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

• 驼峰方式

  Vue.component('MyComponent', { /*...*/})
  

• 注意: 如果使用驼峰式命名组件, 那么在使用组件的时候, 只能在字符串模板中用驼峰的方式使用组件, 但是在普通的标签模板中, 必须使用短横线的方式使用组件