You’re browsing the documentation for v2.x and earlier.
For v3.x, click here.
- Plugins usually add global-level functionality to Vue.
- There is no strictly defined scope for a plugin - there are typically several types of plugins:.
- Add some global methods or properties.
- Add one or more global assets: directives/filters/transitions etc.
- Add some component options by global mixin.
- Add some Vue instance methods by attaching them to Vue.prototype.
|IE / Edge||Firefox||Chrome||Safari||Opera||Electron|
|Edge||last 2 versions||last 2 versions||last 2 versions||last 2 versions||last 2 versions|
A weird gray overlay is displayed on my page when I move the mouse in the timeline #
A library that provides an API of its own, while at the same time injecting some combination of the above. Use plugins by calling the Vue.use() global method.
This has to be done before you start your app by calling new Vue():. You can optionally pass in some options:.
I can't open a component in my editor #
|vue-ref||You can use the callback to get a reference like react|
|ant-design-vue-helper||A vscode extension for ant-design-vue|
|vue-cli-plugin-ant-design||Vue-cli 3 plugin to add ant-design-vue|
|vue-dash-event||The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)|
|@formily/antdv||The Library with Formily and ant-design-vue|
Using a Plugin
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.
When opening an HTML file directly #
However in a module environment such as CommonJS, you always need to call Vue.use() explicitly:.