什么时候用vue.use


本文摘自PHP中文网,作者coldplay.xixi,侵删。

使用vue.use的时间:它在使用时实际是调用了该插件的install方法,所以引入的当前插件如果含有install方法我们就需要使用【Vue.use()】。

【相关文章推荐:vue.js】

Vue.use是什么?

官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue.use 会自动阻止多次注册相同插件,它需要在你调用 new Vue() 启动应用之前完成,Vue.use() 方法至少传入一个参数,该参数类型必须是 Object 或 Function,如果是 Object 那么这个 Object 需要定义一个 install 方法,如果是 Function 那么这个函数就被当做 install 方法。在 Vue.use() 执行时 install 会默认执行,当 install 执行时第一个参数就是 Vue,其他参数是 Vue.use() 执行时传入的其他参数。就是说使用它之后调用的是该组件的install 方法。

Vue.use()什么时候使用?

它在使用时实际是调用了该插件的install方法,所以引入的当前插件如果含有install方法我们就需要使用Vue.use(),例如在Vue中引用Element如下:

1

2

3

import Vue from 'vue'

import Element from 'element-ui'

Vue.use(Element)

因为在Element源码中会暴露除install方法,所以才需要用Vue.use()引入。

我们也可以在自己的vue项目中自己定义一个install方法,然后通过Vue.use()方法来引入测试一下:

1

2

3

4

5

6

7

const plugin = {

  install() {

    alert("我是install内的代码")

  },

}

import Vue from "vue"

Vue.use(plugin) // 页面显示"我是install内的代码"

当我们打开页面就会弹出“我是install内的代码”提示。

相关免费学习推荐:JavaScript(视频)

以上就是什么时候用vue.use的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

什么时候用Vue.use

浅谈Vue.use到底是什么?

Vue.use是什么呀?

分析一下Vue.use的源码

更多相关阅读请进入《Vue.use》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...