vue.js plug-in is a functional module used to enhance the technology stack. Its target is Vue; plug-ins also enhance and supplement the functions of Vue; plug-ins are usually used to add global functions to Vue, but the plug-in The functional scope is not strictly limited.
The operating environment of this article: windows10 system, vue2.9 version, thinkpad t480 computer.
vue plug-in
Plugin (Plugin) is a functional module used to enhance your technology stack. Its target is Vue itself. (Plug-ins are enhancements and supplements to Vue’s functions)
Official explanation
Plug-ins are usually used to add global functions to Vue. There are no strict restrictions on the functional scope of plug-ins - generally there are the following types:
Add global methods or properties. For example: vue-custom-element
Add global resources: directives/filters/transitions, etc. For example, vue-touch
adds some component options through global mixing. For example, vue-router
adds Vue instance methods by adding them to Vue.prototype.
A library that provides its own API while providing one or more of the functions mentioned above. For example, vue-router
How to use the plug-in
Use the plug-in through the global method Vue.use(). It needs to be completed before you call new Vue() to start the application:
// 调用 `MyPlugin.install(Vue)` Vue.use(MyPlugin) new Vue({ // ...组件选项 })
To prevent multiple registrations of the same plugin: We can pass an optional object
Vue.use(MyPlugin, { someOption: true })
Vue.use will automatically Prevent multiple registrations of the same plug-in, in which case the plug-in will only be registered once even if called multiple times.
Note:
Some plug-ins officially provided by Vue.js (such as vue-router) will automatically call Vue.use() when detecting that Vue is an accessible global variable. However in a module environment like CommonJS you should always call Vue.use() explicitly:
// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时 var Vue = require('vue') var VueRouter = require('vue-router') // 不要忘了调用此方法 Vue.use(VueRouter)
The above is the detailed content of What is vue.js plugin. For more information, please follow other related articles on the PHP Chinese website!