antvue 有赞布局_仿有赞后台+vue+ts+vuecli3.0+elementUi+二期项目结构文件搭建+以及路由的使用...

前言

昨天写了vue+ts+vuecli3.0第一场主要是一个vuecli搭建的内容，今天讲一下vue 项目结构搭建+以及路由的使用，看了一个小伙伴 $refs 报错问题有大佬可以回复我一波困扰已久，伸手党本人寻求帮助哈哈！在说这个之前我会介绍一下我写整个这个后台检索的逻辑，我们搜索的条件放到了url上面 那么重置按钮就可以复用了，所有的搜索条件在url优势是可以刷新页面之前的操作记录都在这样就比较舒服，有赞就是这样的，建议有时间的老爷5分钟上手TypeScript 或者看完小弟的这个大概有个了解再去深入当前项目demo预览(QQ群技术讨论)838293023备注(github进来的)

第三章

游泳健身了解一下：githubJQ插件 技术文档 技术文档会持续更新

1.项目搭建

先看一波完成后的项目介绍(webstorm里面ts不支持引入vue所有爆红色，强迫症患者可以用vscode支持会更好)

public //当前文件

static //可以放静态资源不会被打包(我放的是富文本编译器的文件后期会太慢可以换成cdn直接引入到index.html)

src //当前项目文件

assets //静态资源存放需要被打包

components //组件存放处

beforeUpload //单个图片上传组件 (基于element)

pagination //分页插件 (基于element)

reset //重置按钮组件

tinyMceEditor //富文本编译器(这个是重点ts支持的vue插件当前对于我们伸手党来说比较少)

uploadListImg //批量图片上传(基于element)

verification //表单验证

utils /