• Vue(二十二)vuex小案例(官网计数案例整合)


    1.使用 vue-cli 创建项目(具体操作可以参考前面的文章)

      ...

    2.下载 vuex

    - npm install vuex -S

    3.将 vuex 添加到项目中 

      (1)在项目中创建store文件夹

      

      (2)在main.js中引入store的入口文件

      

      (3)在 store -> index.js 中引入vuex 和  counter.js 

      

      (4)在 store -> module -> counter.js 中操作

          初始 state 对象

      

      store -> getters.js

      store 中定义“getter”(可以认为是 store 的计算属性)。

           就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。

      

      store -> actions.js

      actions 提交的是 mutation,而不是直接变更状态。

      actions 可以包含任意异步操作。

      

      store -> mutations.js

      更改 Vuex 的 store 中的状态的唯一方法是提交 mutation

      

      (5)使用

      Counter.vue

      

    4.启动项目

      

     5.github地址:https://github.com/yulingjia/vue-test.git

  • 相关阅读:
    LeetCode#34 Search for a Range
    Multiplication algorithm
    LeetCode#31 Next Permutation
    Spring boot之Hello World
    spring boot 简介
    分布式-网络通信-线程
    分布式-网络通信-协议
    分布式-架构图
    9.leetcode70-climbing stairs
    8.Leetcode69 Sqrt(x) 笔记
  • 原文地址:https://www.cnblogs.com/yulingjia/p/8867985.html
Copyright © 2020-2023  润新知