Vue.use()的用法和install的用法解释
一、介绍
在vue的main.js中,我们经常使用Vue.use(xx)方法。比如我们引入elementUI,在main.js中,我们一般通过如下代码引入:
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
二、为什么这样做?
官方解释
安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。什么意思呢? Vue.use() 中的参数必须是一个function函数或者是一个Object对象,如果是对象的话,必须在对象中提供一个install方法。之后会将 Vue 作为参数传入。
总结:
如果Vue.use() 中的参数是一个
function函数
,那么函数的参数是Vue对象
。
如果Vue.use() 中的参数是一个Object对象
,那么这个对象必须提供一个install方法,install方法的参数就是Vue。