Vue main.js
main.js是项目的入口文件，项目中所有的页面都会加载main.js
main.js配置
定义:main.js是项目的入口文件，项目中所有的页面都会加载main.js。
主要有三个作用：
1.实例化Vue。
2.放置项目中经常会用到的插件和CSS样式。
3.存储全局变量。
项目创建完毕，main.js中会有默认的配置，但是要想真正投入使用，这种简版的配置是不够的。以下通过配置三项内容让读者有个初步的了解。
1.选择合适的前端UI框架
安装 element:
|
1
|
npm i element-ui -S |
加入下方代码
|
1
2
|
import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' |
遇到安装、添加引用后，在使用时，并没有正常进行渲染，解决方法如下
安装element主题：npm i element-theme-chalk -D，完美解决。
2.注册全局过滤器
定义：过滤器是对即将显示的数据进行预处理，然后进行显示
创建实例脚本，脚本文件目录如下图所示
加入下方代码
|
1
|
import * as filters from './filters' |
此处的import * 代表引用 filters文件夹下index.js中的所有对象；
|
1
|
Object.keys(filters).forEach(key => { Vue.filter(key, filters[key])}) |
过滤器的注册是通过Vue.filter实现，上方代码可以快速实现多个过滤器da
使用方法：{{10000|toThousandFilter}}
注：除全局过滤器外，在各个组件中也可以进行局部注册
过滤器特点
1.过滤器可以串联 {{10000|Filter1|Filter2}}
2.可以定义全局过滤器复用性高
3.没有缓存，被调用时才计算
3.配置全局属性
创建实例脚本，脚本文件目录如下图所示
在main.js中添加引用:
|
1 |
import comFun from './comfun' |
加入下方代码
|
1
2 |
Vue.prototype.$comFun = comFunVue.use(comFun) |
使用方法:this.$timestampTostr("1605708367")
当然随着项目的不同，在main.js的配置也是因人而异，
比如跟后台交互我们要配置axios，cookie的使用要配置js-cookie等等。
https://www.jb51.net/javascript/2852492e1.htm
