一燃领、定義變量,并全局使用
原理:
1. 單獨新建一個全局變量模塊文件剥悟,模塊中定義一些變量初始狀態(tài),用export default 暴露出去略板。
2. 在main.js中引入慈缔,并通過Vue.prototype掛載到vue實例上面。供其他模塊文件使用瓤檐;
3. 或者直接引入到需要的模塊文件中使用娱节;
步驟1肄满、新建global_variable.js文件,用于存放變量讥电,示例如下:
方法2:全局使用轧抗,示例如下:
1、將global_variable.js文件引入main.js文件纠炮,并使用Vue.prototype掛在至vue實例上灯蝴,示例如下:
2穷躁、在需要使用的模塊文件中使用(無需引入,直接通過this使用)猿诸,示例如下:
二狡忙、定義函數(shù)灾茁,并全局使用
原理:
新建一個模塊文件谷炸,然后在main.js里面通過Vue.prototype將函數(shù)掛載到Vue實例上面禀挫,通過this.輸出的函數(shù)名特咆,來運行函數(shù)。
方法1. 在main.js里面直接寫函數(shù)
簡單的函數(shù)可以直接在main.js里面直接寫腻格,示例如下:?
方法2. 新建一個模塊文件菜职,掛載到main.js上面
1酬核、global_func.js文件中代碼示例如下:
2、main.js文件中代碼示例如下:
3举瑰、在需要調(diào)用的模塊文件中使用this.輸出的函數(shù)名蔬螟,調(diào)用旧巾,代碼示例如下: