前端技术
文章平均质量分 95
十月微涼
想周游世界的未来工程师
展开
-
VueX的封装与使用(页面刷新前进行VueX的保存)
什么是VueX?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(引用官网)简单的来说vuex就是统一的状态管理,它管理的数据在整个vue实例中都可以使用。我们都知道父子组件的数据共享可以使用props进行父子组件的传值,那如果我们需要在多个页面之间且这些页面都不存在关联,那我们需要怎么进行数据的共享呢?应该有不少同学说可以使用sessionStorage、cookie,当然可以,但是后期维护就原创 2020-08-14 10:10:16 · 381 阅读 · 1 评论 -
基于vue开发的移动端(仿蘑菇街,淘宝)电商项目
基于vue.js的知识点(webpack,Vuex,Vue-router,axios)开发电商手机网站项目组件库:vantUI、ElementUI码云地址:https://gitee.com/YGWG-LX/ShopApp若觉得还行 可以点个小Star吗项目持续开发中,若在使用过程中有发现bug或改进思路可在评论区连续,不胜感激mallappLE 购手机购物网站使用说明搭配使用需要搭配使用仓库 MallAPI 的接口在线接口文档:https://october.w.eolinker.co原创 2020-08-13 19:45:37 · 10748 阅读 · 39 评论 -
vue 封装axios网络请求(记录)
在项目的src文件夹下新建api文件夹,用于保存跟网络相关的文件本次封装需要安装vantui、axios、vueX、md5.js项目结构如下:http.js封装axios的普通配置,连接超时时间、请求前后的判断与添加头部信息(token)base.js封装接口的域名,方便域名更改时做统一的处理user.js封装用户相关的请求数据index.js对外统一暴露请求的地址http.js文件如下/** * axios封装 * 请求拦截、响应拦截、错误统一处理 */import axios原创 2020-08-09 11:04:01 · 336 阅读 · 0 评论 -
使用脚手架3UI可视面板 创建vue项目
确定电脑上已经安装好vue、vueCli3、node开始创建项目1.打开VueUI可视面板cmd也可 随便一个位置即可在cmd窗口中输入 vue ui回车打开可视面板2. 可视面板因为我上一次打开了一个vue项目,所以进入的是上次打开的项目选择创建项目3.创建项目这里选择项目保存的路径设置项目名称和包管理器选择手动创建,因为我们要取消eslint语法检测,,如果想锻炼自己的代码规范与耐心的可以选择使用eslint,不然的话一个空格将保证你项目启动不了其他的配置可按自己的原创 2020-08-09 10:30:36 · 237 阅读 · 0 评论 -
详解vue 路由跳转四种方式 (带参与不带参)
1. router-link//1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,// 如果不带'/',则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}">原创 2020-08-08 16:20:45 · 1163 阅读 · 0 评论