首页>>前端>>Vue->vuex用在哪些场景?

vuex用在哪些场景?

时间:2023-12-08 本站 点击:0

vuex存储和本地存储的区别

vuex管理的是应用处于当前运行状态下的一些数据,而storage保存的是由应用告诉浏览器需要保存的数据,区别是,网页一刷新,vuex数据就没了,而storage不受刷新影响。。

localStorage:用于长期存储,当浏览器关闭之后localStorage存储的内容不会被清除,数据一直存储在本地。

uex是状态管理用的,就是组件数据共享的那种,一个组件的数据变化会映射到使用这个数据的其他组件。

vuex和全局变量的区别:1,【响应式】vuex的状态存储是响应式的,当Vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会得到高效更新。

vuex的使用

1、如果vuex里面state的数据名称 跟 页面中的计算属性名称相同,就可以使用 mapState 映射函数,自动生成页面中的计算属性。

2、state:vuex的基本数据,用来存储变量 geeter:从基本数据(state)派生的数据,相当于state的计算属性 mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)。

3、这时,就可以通过Vuex来优雅并高效地管理组件状态啦O(∩_∩)O~注意:Vuex有一定的技术门槛,它主要应用于多人协同开发的大型单页面应用。所以,是否使用Vuex取决于团队规模与技术储备。

4、Vuex是通过全局注入store对象,来实现组件间的状态共享。在大型复杂的项目中(多级组件嵌套),需要实现一个组件更改某个数据,多个组件自动获取更改后的数据进行业务逻辑处理,这时候使用vuex比较合适。

vuex的作用?

1、VueX 是适用于在 Vue 项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步 data 中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。

2、首页可以加vuex功能。Vuex是一个专门为vue.js应用设计的状态管理架构,它的作用是将应用中的所有状态都放在一起,集中起来统一管理和维护组件的可变状态。

3、作用 :它采用集中式存储管理应用的所有组件的状态。

4、vuex是在每个组件上注入this. store获取共享的状态,定义操作state的方法。首先使用vue.use(vuex)表明vuex是vue的插件,只能被vue使用——实例化Store并传入参入——Store注入到根组件上。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/20343.html