vue获取全局组件_Vue组件之全局组件与局部组件的使用详解

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段。

全局组件注册方式：Vue.component(组件名,{方法})

eg:

Vue.component("my-component",{

template:"

我是全局组件

"

});

new Vue({

el:"#app"

});

new Vue({

el:"#app1"

})

渲染结果：

我是全局组件

我是全局组件

这里需要注意：

1.全局组件必须写在Vue实例创建之前，才在该根元素下面生效；

eg:

new Vue({

el: "#app"

});

Vue.component("my-component", {

template: "

我是全局组件

"

});

new Vue({

el: "#app1"

})

<