vuex学习二
来源:互联网 发布:为什么网络电视不清晰 编辑:程序博客网 时间:2024/06/17 12:05
四:每一个 Vuex 应用的核心就是 store(仓库)。”store” 基本上就是一个容器,它包含着你的应用中大部分的状态(state)。页面一刷新,所有state清零(在那种查看详情的页面最容易出现这种问题;列表页面跟详情页面属于2个不同的VUE组件;通过state传递详情ID;页面刷新后ID清空冷;处理办法:H5存储);Vuex 和单纯的全局对象有以下两点不同:
Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store中的状态发生变化,那么相应的组件也会相应地得到高效更新。
2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交(commit)mutations。 这样使得我们可以方便地跟踪每一个状态的变化
五:演练
1:index.js
import Vuex from 'vuex'Vue.use(Vuex)const store=new Vuex.Store({ state:{ use_name:'' }, mutations:{ showUserName(state){ alert(state.user_name) } }})
现在可以通过store.state来获取状态对象,以及通过store.commit方法触发状态变更;
store.commit('showUserName')console.log(store.state.use_name)
再次强调,我们通过提交mutation的方式,而非直接改变store.state.use_name
阅读全文
0 0
- vuex学习二
- vuex学习
- 学习vuex
- Vuex 学习总结
- Vuex学习笔记
- vuex学习实践笔记
- vuex的入门学习
- Vuex学习笔记
- VUEX学习与实践
- Vuex 学习总结
- vuex学习实践笔记
- vuex学习实践笔记
- vuex学习总结
- vuex学习笔记
- vuex学习一
- vuex学习三
- vuex学习四----getters
- vuex学习五----Mutations
- 浅谈ThreadPool 线程池
- 零售业如何用Hadoop开启大数据之门?
- 主机Ping不通Linux虚拟机
- 将数组A中的内容和数组B中的内容进行交换
- HTTP协议详解(真的很经典)
- vuex学习二
- IO多路转接之select、poll、epoll
- 正则化方法:L1和L2 regularization、数据集扩增、dropout
- 求期望
- find the most comfortable road 并查集 暴力
- POJ_3090_Visible Lattice Points
- 遗传算法入门(一)
- Coursera Algorithms week1 Interview Questions: Egg drop
- IntelliJ IDEA快捷键(常用)