当前位置: 首页 > 文档资料 > Vue.js 教程 >

3.4.2 使用插件

优质
小牛编辑
138浏览
2023-12-01

通过全局方法 Vue.use() 使用 Vue.js 插件:

// 调用 `MyPlugin.install(Vue)`
Vue.use(MyPlugin)

也可以传入一个选项对象:

Vue.use(MyPlugin, { someOption: true })

Vue.use会自动阻止多次注册相同插件,届时只会注册一次该插件。

Vue.js 官方提供的一些插件 (例如vue-router) 在检测到Vue是可访问的全局变量时会自动调用Vue.use()。然而在例如 CommonJS 的模块环境中,你应该始终显式地调用Vue.use()

// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时
var Vue = require('vue')
var VueRouter = require('vue-router')

// 不要忘了调用此方法
Vue.use(VueRouter)

awesome-vue集合了来自社区贡献的数以千计的插件和库。