Vue 注册全局css样式与注册全局方法

创建一个在main.js同根源的文件夹用于放置css样式与js方法
注册全局css样式：
全局注册css比较简单直接在main中引用就可以使用了

//在main.js中引用就可以直接使用了
import '@/assets/style/index.css'

全局注册js方法

1.在main.js中引用js文件夹

import common from '@/assets/style/common.js'   // 引入全局文件common.js
Vue.prototype.$common = common;    // 注册全局

2.js文件夹中定义方法

// 全局变量
const method = {};

// 定义公共方法(也可以定义公共变量不过没有啥必要)
method.formatDate = function (date) {
  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}

export default method

3.在页面中引用

//$common 是你在main中注册的全局，formatDate  公共方法
this.$common.formatDate(date);