vuex
文章平均质量分 76
橘子y
知识一点一滴的积累,记录下学习的旅程!
展开
-
vuex基本使用和辅助函数-(mapState,mapMutations,mapActions,mapGetters)的使用
一 vuex基础-statestate是放置所有公共状态的属性,如果你有一个公共状态数据,你只需要定义在state对象中定义state//初始化vuex对象const store = new Vuex.Store({ state:{ //管理数据 count: 0 }})如何在组件中获取count?1. 原始形式-插值表达式组件中可以使用this.$store获取到vuex中的store对象实例,可通过state属性获取count,如.原创 2021-02-07 15:54:30 · 1655 阅读 · 1 评论 -
闲云旅游项目开发-(第四篇:机票首页/机票搜索功能(`el-autocomplete`远程搜索组件)/moment.js的使用/日期选择组件el-date-picker)
一 机票首页布局二封装搜索组件组件布局相关组件介绍三 搜索功能思路实现步骤搜索分析 获取城市数据 下拉数据选中赋值 搜索跳转 城市切换 往返四 特价机票思路实现步骤特价机票布局 请求数据接口...原创 2020-11-13 21:56:41 · 1137 阅读 · 1 评论 -
闲云旅游项目开发-(第三篇:实现注册功能/发送验证码/使用vuex的store管理数据/nuxt错误拦截/剩余参数(属性语法))
目录一 退出功能二 注册功能 1. 思路2. 实现步骤2.1 新建注册表单组件2.2 表单数据绑定2.3 表单验证2.4 发送手机验证码2.5 注册接口2.6 注册成功后的 用户体验操作3.总结三 错误拦截1.nuxt 的插件机制2.新建axios拦截错误插件插件2.1 新建文件plugins/axios.js ,添加一下内容2.2 调用插件3.小结4.补充:使用原版 axios 封装时的拦截器写法5.拦...原创 2020-11-09 17:32:01 · 519 阅读 · 0 评论 -
闲云旅游项目开发-(第二篇:实现登录功能,使用vuex的store管理数据)
本章涉及知识点:使用vuex/store管理数据 登录注册逻辑 Nuxt的本地存储一 登录注册页布局pages/user/login.vue 的布局代码如下:<template> <div class="container"> <!-- 主要内容 --> <el-row type="flex" justify="center" align="mid...原创 2020-11-09 15:51:11 · 609 阅读 · 0 评论 -
vuex简单使用方式
使用vuex统一管理数据原创 2020-11-09 13:05:20 · 195 阅读 · 1 评论