zoukankan      html  css  js  c++  java
  • vuex的理解

    首先需要了解vuex的基本概念和使用方式,vue的官网也有很详细的说明或者浏览:https://zhuanlan.zhihu.com/p/24357762
    vue是单页应用所以当页面刷新时vuex的数据随之也被清空了,如何实现页面被刷新而数据没有被清空呢?vuex主要是vue用来存储数据的,使用的时候有一点要记住:action,mutation,getter都必须是函数
    解决方案:
    在此处需要先封装一下vuex,首先来看看封装的文件格式:
    从上图中可以清晰的看到vuex的结构,首先简单的说一下各个文件的意义:
    1、action.js 独立出来vuex处理数据的文件,格式如下:
    2、getter.js 独立出来的vuex获取数据的文件,格式如下:
    3、 mutation-types.js 独立出来的vuex更改数据和存储数据的文件,此文件是mutation的参数申明文件,格式如下:
    4、mutations.js 独立出来是mutation文件,在这里处理更改和存储数据,将mutation-types在此处导入,格式如下:
    5、大boss上场啦,接下来就要说封装的关键点,index.js,先丢代码:
    6、在最外层的index.js里面做了,初始化中间件的逻辑,代码如下:

    这里借用官方文档中对plugin进行说明,如下图:

    这样写之后在页面获取和存储数据的方式是:
  • 相关阅读:
    05 redis中的Setbit位图法统计活跃用户
    04 redis list结构及命令详解
    03 redis之string类型命令解析
    02 redis通用命令操作
    Mesos提交任务没有被执行
    mesos的zookeeper变更
    VS Code使用git
    vs code 安装Scala
    打印正反读计算方式
    cloudera上面安装Spark2.0
  • 原文地址:https://www.cnblogs.com/colder/p/10120900.html
Copyright © 2011-2022 走看看