奋飛

Vue基础：组件--组件及组件通信

组件

组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以is特性扩展。

使用组件

注册一个全局组件，你可以使用 Vue.component(tagName, [definition])

// 注册组件，传入一个扩展过的构造器
Vue.component('my-component', Vue.extend({ /* ... */ }))
// 注册组件，传入一个选项对象 (自动调用 Vue.extend)
Vue.component('my-component', { /* ... */ })
// 获取注册的组件 (始终返回构造器)
var MyComponent = Vue.component('my-component')

使用组件实例选项注册局部组件

new Vue({
// ...
components: {
  //  将只在父模板可用
  'my-component': Child
}
})

DOM模板解析说明

Vue 只有在浏览器解析和标准化 HTML 后才能获取模板内容。像

，