vue+element开发(第一次)
在选择vue的UI时,对比了 element和iview,然后选择了element,总的来说,element的用户多,博客啥的也多
开发途中的几个比较特色(奇葩)的功能,听我细细道来
vue-cli创建项目
安装依赖,配置跨域
这些就不说了,网上教程遍地走
打包上线问题
1.页面空白,静态资源文件报错404:
需要配置,config文件下的index.js
2.经过1之后还是出现页面空白,但是静态资源可以加载到;需要在路由文件里面加base;
3.使用css的background引入的图片无法加载,这种情况需要配置config文件下的utils.js;
publicPath: '../../',
4.打包上线之后,刷新页面报404,未找到页面,这个时候就需要后端配合一下;如果报404的时候,要重定向到首页去,这样就可以了,如果前端项目单独的一个服务器,可以使用node或者nginx进行重定向;
类似vue管道(filters)的那种,比如时间戳转化
因为element的表格组件的特性,使用管道太麻烦,幸好文档提供
看了遍文档不太明白意思,然后又经过百度,成功转化
给el-table-column设置这没个属性就可以了,另外formatDate方法写在methods里面的
:formatter="formatDate"
vue的this.$router.go()
开发环境可以刷新本页,打包线上之后失效,然后问了人,改成了js
的刷新location.reload()
vue打包上线之后vendor.js有1.5m,以及懒加载
vue懒加载优化了第一次加载的速度,使用懒加载可实现按需加载
将vue,axios,使用cdn加速(bootcdn),然后在进行webpack配置可将vendor的大小降低很多
我对这个了解也不是很多,请自行百度
也许是后台系统,遇到的比较难的,大的问题不是很多…