Writing a Plugin
Plugins usually add global-level functionality to Vue. There is no strictly defined scope for a plugin - there are typically several types of plugins you can write:
Add some global methods or properties. e.g. vue-element
Add one or more global assets: directives/filters/transitions etc. e.g. vue-touch
Add some Vue instance methods by attaching them to Vue.prototype.
A library that provides an API of its own, while at the same time injecting some combination of the above. e.g. vue-router
Try out brand new Chrome Browser features in a pre-release build. Choose this option if you want to install the beta version of Chrome Browser to test its functionality and performance in your environment. Get the 64-bit and 32-bit beta bundles. The device you have runs on Chrome OS, which already has Chrome browser built-in. No need to manually install or update it — with automatic updates, you’ll always get the latest version. The device you have runs on Chrome OS, which already has Chrome browser built-in. No need to manually install or update it — with automatic updates, you’ll always get the latest version.
A Vue.js plugin should expose an install
method. The method will be called with the Vue
constructor as the first argument, along with possible options:
Using a Plugin
Use plugins by calling the Vue.use()
global method:
You can optionally pass in some options:
Some plugins such as vue-router
automatically calls Vue.use()
if Vue
is available as a global variable. However in a module environment you always need to call Vue.use()
explicitly:
Existing Plugins & Tools
vue-router: The official router for Vue.js. Deeply integrated with Vue.js core to make building Single Page Applications a breeze.
vue-resource: A plugin that provides services for making web requests and handle responses using a XMLHttpRequest or JSONP.
vue-async-data: Async data loading plugin.
vue-validator: A plugin for form validations.
vue-devtools: A Chrome devtools extension for debugging Vue.js applications.
vue-touch: Add touch-gesture directives using Hammer.js.
vue-element: Register Custom Elements with Vue.js.
vue-animated-list: A plugin for easily animating
v-for
rendered lists.