Ⅰ vuex存储和本地存储的区别
vuex管理的是应用处于当前运行状态下的一些数据，而storage保存的是由应用告诉浏览器需要保存的数据，区别是，网页一刷新，vuex数据就没了，而storage不受刷新影响。。。因此，在保存数据时，应该结合所使用场景的情况，因地制宜
Ⅱ vuex的基本使用
作用 ：
它采用集中式存储管理应用的所有组件的状态。（统一管理所有组件中公用的数据）
组成：
state：管理所有的状态（数据）
getter：state 的计算属性
mutations：用来操作 state
用法 ：
1.0 定义
// 在 store/index.js 中
export default new Vuex.Store ({state:{userInfo:''}})
2.0 使用
// 在 .vue(组件) 中
// // 取值
this.$store.state.userInfo
// // 赋值
this.$store.state.userInfo={}
总结：
在 vuex 中，如果要给 vuex 中的数据赋值，不能直接得到 state 去赋值，这样不配合 vuex 设计规范
vuex - mapState 基本使用
它是 vuex 中 state 对应的一个辅助函数
mapState：可以用来简化 vuex 中 state 中属性的使用
步骤：
导入
import { mapState } from 'vuex'
定义
computed:{...mapState(["state中的属性名"])}
使用
this.state中的属性名 === this.$store.state.state中的属性名
vuex - mutations 的使用
在 vuex 中，如果要给 state 中的属性赋值，建议大家借助 mutation 来赋值
步骤：
1.0 在 mutations 中定义赋值方法
// 在 store/index.js 中
export default new Vuex.Store({
state: { userInfo: ' ' },
mutations: { setUserInfo ( state, payload ) {
state.userInfo = payload
}
}})
2.0 在组件中调用方法
// 在 .vue(组件) 中
// 取值
this.$store.state.userInfo
// 赋值
this.$store.commit('setUserInfo', data)
vuex - mapMutaions 基本使用
mapMutaions ： 可能用来简化 vuex 中的 mutations 中方法的调用
步骤：
导入 mapMutations
import { mapMutaions } from 'vuex'
定义方法：
methods:{...mapMutations(['setUserInfo'])}
使用方法：
this.setUserInfo('abc')
总结：
vuex：
state：管理状态
取值：
this.$store.state.xxx
...mapState(['xxx']) 或者 ...mapState({ myname: 'xxx' })
mutaions
取值：
this.$store.commit('xxx', payload)
...mapMutations(['xxx']) 或者 ...mapMutations({ myname: 'xxx' })
Ⅲ vuex原理面试是什么
Vuex原理面试是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Rex,Rex大多用于React,针对Rex后续在做补充。
其中Vuex采用MVC模式中的Model层，规定所有的数据必须通过action--->mutaion--->state这个流程进行来改变状态的。再结合Vue的数据视图双向绑定实现页面的更新。统一页面状态管理，可以让复杂的组件交互变的简单清晰，同时在调试时也可以通过DEVtools去查看状态。
(3)vuex点击事件存储扩展阅读
面试注意事项：
1、在vue例子中，通过click事件，触发methods中的方法。当存在异步时，而在vuex中需要dispatch来触发actions中的方法，actions中的commit可以触发mutations中的方法。同步，则直接在组件中commit触发vuex中mutations中的方法。
2、在没有actions的情况下：数据：state --> data 获取数据：getters --> computed 更改数据：mutations --> methods视图通过点击事件，触发mutations中方法，可以更改state中的数据，一旦state数据发生更改，getters把数据反映到视图。
Ⅳ vuex 存储信息，刷新页面后数据没了，有什么办法可以保留数据么
如果按F9键B列的数据就更新，说明设置问题：点最左上角的“花”，右下的Excel选项，左边的“公式”，右边选“自动重算”，确定。
Ⅳ vuex 存储信息，刷新页面后数据没了，有什么办法可以保留数据么
如果按F9键B列的数据就更新，说明设置问题：点最左上角的“花”，右下的Excel选项，左边的“公式”，右边寻自动重算”，确定。
Ⅵ vuex存储和本地存储的区别
1.最重要的区别：vuex存储在内存，localstorage则以文件的方式存储在本地
2.应用场景：vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值。
3.永久性：当刷新页面时vuex存储的值会丢失，localstorage不会。
Ⅶ vuex的五个属性及使用方法
vuex的五个属性及使用方法具体如下：
VueX是一个专门为Vue.js应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)。
Vuex有五个核心概念：
state,getters,mutations,actions,moles。
1.state：vuex的基本数据，用来存储变量
2.geeter：从基本数据(state)派生的数据，相当于state的计算属性
3.mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)。回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数，提交载荷作为第二个参数。
4.action：和mutation的功能大致相同，不同之处在于==》1.Action提交的是mutation，而不是直接变更状态。2.Action可以包含任意异步操作。
5.moles：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
Ⅷ vuex和localstorage存储数据有什么区别
vuex管理的是应用处于当前运行状态下的一些数据，而storage保存的是由应用告诉浏览器需要保存的数据，区别是，网页一刷新，vuex数据就没了，而storage不受刷新影响。。。因此，在保存数据时，应该结合所使用场景的情况，因地制宜