vue获取全局组件_Vue的全局组件

Vue是一个组件化开发的框架，一般我们在项目中使用组件的步骤是这样的。

1.创建一个组件：

比方说我们现在新建一个demo.vue文件，随便写一行代码。

{ {msg}}

export default {

data() {

return {

msg:'只是新创建的一个组件'

}

}

}

2.使用组件

在我们需要使用组件的地方，引入之前写好的组件，并通过components绑定，就可以直接使用了。

import demo from './components/demo/demo.vue'

export default {

components: {

demo //等价与demo:demo,es6语法

}

}

从上述的例子可以看出，我们使用组件，需要经过引入，绑定两个步骤。那么，如果我们需要使用一些全局组件或者第三方的组件库怎么办呢？

比如我们要用一些第三方的组件库(以element-ui为例)，当然最简单的办法就是直接引用，在idnex.html上或者是我们需要的页面，直接通过link引入。

截于elemrnt-ui官网

官网还提供了另一种引入方式(在引用之前需要使用npm安装一下)。