码迷,mamicode.com
首页 > 其他好文 > 详细

vue 项目搭建

时间:2019-08-04 01:08:28      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:管理   view   ack   第一个   add   一个   cti   link   main   

一、

  脚手架配置  需要创建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内进行下输出测试  看能够请求过来

技术图片

未完待续.......

vue 项目搭建

标签:管理   view   ack   第一个   add   一个   cti   link   main   

原文地址:https://www.cnblogs.com/dd86/p/11296757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!