本文摘自PHP中文网,作者藏色散人,侵删。
vue.use方法的使用:首先安装Vue.js插件;然后通过全局方法“Vue.use()”使用插件,其语法如“vue.use(plugin, arguments)”。
本教程操作环境:windows7系统、vue2.0版本、thinkpad t480电脑。
推荐:《vue教程》
官方API介绍:
1 |
|
官网给出的解释是: 通过全局方法 Vue.use() 使用插件。
1 |
|
参数
1 |
|
用法
安装Vue.js 插件。如果插件(plugin)是一个对象,必须提供install方法。如果插件是一个函数,它会作为install方法。install方法调用时,会将Vue作为参数传入。
该方法需要在调用New Vue()之前被调用。
当install方法被同一个插件多次调用,插件将只会被安装一次。
Element-UI例子
根据ElementUI文档,在Vue cli搭建的项目中这样使用ElementUI
1 2 3 4 5 6 7 8 9 10 11 12 |
|
以上代码便完成了Element的引入,需要注意的是,样式文件需要单独引入。
后面就可以在Vue的单文件组件中直接使用<el-xxx></el-xxx>来使用Element元素。
所以这到底发生了什么?
1、第一处注释导入ElementUI
1 2 |
|
以下是src/index.js的内容。可以看到,index.js导出了一个对象,在上面的import语句中,这个对象被赋予ElementUI的变量名。请注意到这里的install函数。
1 2 3 4 5 6 7 8 9 |
|
2、第二处注释安装ElementUI
1 |
|
我们观察到这里使用了Vue.use方法并将ElementUI这个对象传入。从Vue.use文档中可以得知,这会调用ElementUI对象的install方法,并将Vue传入。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
以上就是vue.use方法怎么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
浅谈vue项目中使用npm安装bootstrap和jquery
更多相关阅读请进入《vue》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者