一、定義插件
plugin.js --> export default{} --> install() -->

// 全局過濾器 Vue.filter('myFilter', function (value) {return value.slice(0, 4); });// 全局指令 Vue.directive("fbind", {bind(element, binding) {element.value = binding.value;},inserted(element, binding) {element.style.backgroundColor = 'green';element.focus();},update(element, binding) {element.value = binding.value;} });// 全局混合 Vue.mixin({data() {return {x: 100,y: 200}}, });// vue 實例上定義屬性 Vue.prototype.hello = () => console.log('hello');

二、使用插件

// 在 main.js 中 Vue.use(插件名);// 如果需要傳參 Vue.use(plugins, 1, 2, 3); // main.js install(Vue, a, b, c) {} // plugin.js // a: 1 // b: 2 // c: 3

總結

以上是生活随笔為你收集整理的脚手架 插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。