Vue 组件

Vue 组件

组件的主要目的是为了复用，降低耦合，在构建大型系统时是非常有必要的，几乎所有的应用界面都可以抽象成一个组件树

在VUE2里，可以使用如下方式创建一个新组件

Vue.component('example', {
 template: `
 <span>I am a component</span>
`,
})

<div>
 <!-- 创建一个 example 组件的实例 -->
 <example></example>
</div>

显示效果，就和你直接把<span>I am a component</span>写进去的效果是一样的

通过这种方式，就可以定义一个新的名为example的组件，当你想使用它的时候，可以像下面这样创建一个组件的实例