vue组件

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。

// 注册组件，传入一个扩展过的构造器

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

// 注册组件，传入一个选项对象（自动调用 Vue.extend）

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

// 获取注册的组件（始终返回构造器）

var MyComponent = Vue.component('my-component')

2、vue实例化  中 components  {  ‘组件名’: 组件内容

2.模板

定义模版的形式：

<script type=“x-template” id=“header”>。。。内容 </script>

template:'#header’

<template id=“footer”> 。。。内容 </template>

template:'#footer’