VUE之组件（组件细节、模块系统、v-model语法糖）

H5编码规范

• 分析如下代码中的组件解析结果

• H5规范中要求，table里为tbody，tbody里需要放置tr和td，否则会将代码解析到table外。
• 方案：
• 这里，tbody中放置的是row，所以会解析到table同级外部，解决方案为is属性。既然tbody里只能放置tr，那么这里便改成tr+is属性
  

template组件模板写法

• 写法一：直接写在选项里的模板
• 直接在构造器里的template选项后边编写。这种写法比较直观，但是如果模板html代码太多，不建议这么写。
  
• 这里需要注意的是模板的标识不是单引号和双引号，而是，就是Tab上面的键
• 写法二：写在template标签里的模板
• 这种写法更像是在写HTML代码，就算不会写Vue的人，也可以制作页面。
  
• 写法三：写在script标签text/x-template里的模板
• 这种写模板的方法，可以让模板文件从外部引入。
  
• 写法一：直接写在选项里的模板
• 写法二：写在template标签里的模板
• 写法三：写在script标签里的模板
• 这里介绍了template的三种写法，以后学习到vue-cli的时候还会学到一种xxx.vue的单文件组件写法。

组件data

• 在使用 data 和实例稍有区别， 组件的data必须是函数，且必须将数据 return出去。
• 案例：
  

组件名

• 在注册一个组件的时候，始终需要给它一个名字。比如在全局注册的时候，该组件名就是 Vue.component 的第一个参数
  
• 注意：
• （1）命名注意“语义化”：即你给予组件的名字可能依赖于你打算拿它来做什么
• （2）定义组件名的方式3种

组件注册

• 为了能在模板中使用，组件必须先注册以便 Vue 能够识别。Vue有两种组件的注册类型：全局注册和局部注册。
• （1）全局注册
  
• 全局注册的组件，在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。如下所示：
• （1）全局注册案例
  
• 全局组件“嵌套性”：在所有子组件中也是如此，也就是说这三个组件在各自内部也都可以相互使用。
• （2）局部注册