Examples How to use a Plugin in Vue.js:
Use plugins by calling the Vue.use()
global method. This has to be done before you start your app by calling new Vue()
:
// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
new Vue({
//... options
})
You can optionally pass in some options:
Vue.use(MyPlugin, { someOption: true })
Vue.use
automatically prevents you from using the same plugin more than once, so calling it multiple times on the same plugin will install the plugin only once.
Some plugins provided by Vue.js official plugins such as vue-router
automatically calls Vue.use()
if Vue
is available as a global variable. However in a module environment such as CommonJS, you always need to call Vue.use()
explicitly:
// When using CommonJS via Browserify or Webpack
var Vue = require('vue')
var VueRouter = require('vue-router')
// Don't forget to call this
Vue.use(VueRouter)