一、
脚手架配置 需要创建vue.config.js文件 相当于webpack.config.js 创建好之后对api接口进行管理
第一个是对api请求接口做处理
第二个是简化文件引入操作 不用在使用 ../ 去找需要引入的文件
api 为接口文档连接、 components存放组件、 views 存放页面、 utils 存放封装的方法 、 router 路由、 store vuex的公共管理 都是一些需要的文件夹
二、
Vuex的基本配置 state actions mutations getters
基本配置完之后 记得引入main.js使用
三、
对css js iconfont 统一进行管理 存放在public公共文件夹中 下载需要的图标 并在public 下的公共模板html中引入需要的css js iconfont
四、
路由管理 在router文件夹下进行 路由管理 为每个一级路由新建文件夹 然后导出 放到router下的index。js 里面 方便管理 对每个二级三级路由可以写到对应的一级路由下面
路由配置完成记得在APP中写<router-view></router-view>
五、移动端的tabBar <router-link><router-link> 包裹tabbar 渲染icon的时候用v-html 不能直接{{item.icon}} icon图标使用的是uncode的代码
六、
axios 的二次封装 封装axios之前需要安装axios 和 qs 插件
下载命令 yarn add axios / yarn add qs
在APP内进行下输出测试 看能够请求过来
未完待续.......