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的原型链上