Vue設置全局的方法和樣式

vue中我么會經常用到通用的一些全局的方法，如何左才能實現全局的復用減少代碼累贅呢？

我們一般將公用的方法分裝再utils.js文件中，然后再main.js主入口文件中將utils.js中的公共的方法通過import引入進來即可，或者我們通過再main.js中設置Vue.prototype.xxx = function () {};來設置全局通用的 方法；

 

樣式的復用也是一樣的道理，我們可以通過再assets/styles中通過index.css文件將所有的通用樣式再main.js文件中導入@import "";

 

這里我參考其他博主封裝了前端項目開發過程中常用到的公共的樣式和方法:

js:<a href=" https://www.cnblogs.com/bgwhite/p/9485507.html">傳送門</a>

css: <a href=" https://www.cnblogs.com/bgwhite/p/9543441.html">傳送門</a>

css如下：

js

這里我們也可以將方法放到一個類中，通過實例話這個類。export default new Class {}

最后，將封裝的方法掛在到vue的原型鏈上