1. 程式人生 > >vue 全域性封裝js方法

vue 全域性封裝js方法

1.利用install方法 掛在在Vue例項下的  雷同 之前寫得全域性元件封裝一致
 

// util.js
export.install = (Vue,option)=>{


    Vue.protoType.format = (data) =>{

        //資料處理 就不用寫了吧
    }

}

//main.js


import util from './assets/js/util'; //引用

Vue.use(util); //將全域性函式當做外掛來進行註冊

 

2.利用mixin構造方法 廢話少說 上程式碼 形同外掛模板
 

// index.js
export const mixin = {

    methods: {
        openWindow(){

            // 資料處理
        }
    }

}

// main.js

import mixin from './index' 



Vue.mixin(mixin);