• 所有问题

    • Vuex4.x（一）初识vue3的状态管理-state

    如题所述

    举报该问题
    其他回答
    第1个回答  2022-07-20

    Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用集中存储管理应用的所有组件的状态的方式，并以相应的规则保证状态以一种可预测的方式发生变化。
    Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

    两种使用方法：

    https://next.vuex.vuejs.org/
    官方给了两个流程图，一个简单的，我们就不看了。
    还有一个复杂一点的，如下图：

    应该没有翻译错吧。

    组件问vuex，用户登录了没？vuex就只能问后端。
    等等，不是应该在前端缓存一个登录状态吗？
    用户在登录页面完成登录后，后端会返回一个token，然后缓存在前端，以后其他地方问是否登录，直接看这个token不就可以了吗？为啥还有问后端要数据？

    如果不需要的话，我就想不出来还有啥状态关系到后端API了。

    所以另一个理解就是，vuex其实是支持直接从后端获取数据，然后存入state的，也就是说可以把state当作大号data来看待。

    我在这个流程里面加上了一个前端存储的功能，也就是说可以把 state 存在前端，这样刷新、关掉浏览器、关机重启等情况，state 的数据都不会丢失了。便于恢复状态。

    我们先来定义一个简单的state，看看在vue3里面有什么变化。

    一个简单类型（number）的count，还有一个引用类型的myObject。

    我们打印出来看看效果：

    未完待续。。。

    https://naturefwvue.github.io/nf-vue-cnd/cnd/project-vuex/

    https://github.com/naturefwvue/nf-vue-cnd/tree/main/cnd/project-vuex

    相似回答
    Vuex简单使用答：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 如果一份数据需要在多个组件中使用，组件间传值又比较复杂，就可以使用vuex托管数据。state选项： 定义状态（状态就是数据）。 mutations选项：...
    Vuex状态管理应如何使用答：1. 安装$ npm install vuex --save2. 在main.js 主入口js里面引用store.jsimport Vue from 'vue'import App from './App'import router from './router' import store from './vuex/store' //引用store.jsVue.config.productionTip = false //阻止在启动时生成生产提示 //vue实例new Vue({...
    vuex的store有几个属性值?答：Vuex 是一个状态管理库，在 Vue 应用中用于集中管理所有组件的状态。它主要由以下几个核心属性组成：1. State：存储应用的状态，它是响应式的，任何对其的修改都会触发视图的更新。2. Getters：类似于计算属性，用于派生状态，可以认为是 store 的响应式计算属性。3. Mutations：更改 Vuex 的 store 中...
    vuex的作用?答：Vuex 是一个为 Vue.js 应用程序设计的状态管理模式。它的主要作用是管理应用中的共享状态，即全局变量的管理。Vuex 的核心概念包括以下几点：1. Vuex 使用一个 Store 对象来管理应用的状态。一个 Store 包含四个核心属性：state、getter、mutation 和 action。2. State：State 的含义是“状态”，它是...
    vuex是干嘛的答：Vuex作为Vue.js的官方状态管理库，它的主要功能是集中管理Vue.js应用中组件的共享状态，并以相应的规则保证状态以一种可预测的方式发生变化。在复杂的Vue.js应用中，组件之间的数据传递和状态同步可能会变得非常棘手，Vuex的出现就是为了解决这一问题。详细来说，Vuex通过几个核心概念来管理状态，包括State...
    vuex的工作原理是什么答：1. Vuex的工作原理可以概括为管理组件之间的状态变化。在Vue应用中，组件通常负责呈现数据（View）、处理用户操作（Actions），以及维护应用的状态（State）。理想中，这些状态的改变应该是单向流动，即从视图到操作，再到状态，最后回到视图。2. 随着应用规模的扩大，组件层次变得复杂，状态管理变得困难。
    Vue3组件(18)组件间传值/共享的方法的汇总答：这个还是很简单粗暴的，目前正在研究，应该可以实现代替 Vuex 的数据状态管理方案。因为Vuex不太适合Vue3的环境，应该可以有替代方案了。在这里探讨了一下： https://www.jianshu.com/p/25b8e8a7e319 当然还很粗糙，距离完善还有很长的路要走。这个家伙怎么也来了？跑错片场了吧。其实不然，可能大家...
    大家正在搜