vue的插件是為應用程式添加全域功能的一種強大而又簡單的方式;vue外掛程式是使用vue開發的一些工具,在呼叫時只需要很少的程式碼就能實現需要的效果,便於後期維護和提升開發效率;插件一般用於添加全局方法或property、添加全域資源、透過全域混入來添加一些元件選項等等。
本教學操作環境:windows10系統、Vue3版、Dell G3電腦。
Vue.js 外掛程式是用Vue.js開發的一些工具,我們在呼叫時只需要用很少的程式碼就能實現很好的效果,便於後製維護和提高開發效率。
Vue.js 外掛程式是為應用程式添加全域功能的一種強大且簡單的方式。
外掛程式通常用來為 Vue 新增全域功能。外掛程式的功能範圍沒有嚴格的限制-一般有以下幾種:
新增全域方法或 property。如:vue-custom-element
新增全域資源:指令/過濾器/過渡等。如 vue-touch
透過全域混入來新增一些元件選項。如 vue-router
新增 Vue 實例方法,透過將它們新增至 Vue.prototype 上實作。
一個函式庫,提供自己的 API,同時提供上述的一個或多個功能。如 vue-router
使用外掛程式
#透過全域方法 Vue.use() 使用外掛程式。它需要在你呼叫new Vue() 啟動應用程式之前完成:
// 调用 `MyPlugin.install(Vue)` Vue.use(MyPlugin) new Vue({ // ...组件选项 })
也可以傳入一個可選的選項物件:
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 集合了大量由社群貢獻的插件和函式庫。
【相關推薦:《vue.js教學》】
以上是vue的插件是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!