关于vue.js: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 的组件，当你想应用它的时候，能够像上面这样创立一个组件的实例