![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuex
YOLO大王
专注于图像领域,主要研究内容包括计算机视觉和深度学习,特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
展开
-
vuex06Modules以及命名空间
module是什么store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:新建目录以及文件在store目录下新建文件夹,modules文件夹(名字随意)在modules文件夹下新建module1.js以及module2.jsmodules1.jsconst module1 ...原创 2019-11-28 10:18:31 · 4651 阅读 · 1 评论 -
vuex05Action与mapAction
Action是什么Action 提交的是 mutation,而不是直接变更状态。当然Action也获取state,getterAction 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.gett...原创 2019-11-22 14:08:44 · 7399 阅读 · 6 评论 -
vuex04Mutations与mapMutations
Mutations是啥更改 Vuex 的 store 中的state在前面我们知道如何去获取state里面的值,可以直接使用state.XX来获取,也可以使用Getter来获取state。但是我们要如何去更改state,这就是Mutations。我们要如何调用Mutations的函数呢。这就要用到commit函数,const store = new Vuex.Store({ s...原创 2019-11-22 13:50:09 · 9885 阅读 · 8 评论 -
vuex03Getter与mapGetters
Getter是个啥是个对象,类似于computed里面的对象如果我们需要对state对象进行做处理计算,比如说,我们有三家超市,我们想计算三家超市的总营业额。同时还要计算实际的收入,假设成本是200。同时getter还可以接收其他其他getterconst store = new Vuex.Store({ state: { shop1: 100, s...原创 2019-11-22 13:24:17 · 9306 阅读 · 1 评论 -
Vue02 state与mapState
!!! 这个例子可以先忽略mutations初始化一个stateconst store = new Vuex.Store({ state: { name: "old name", age: 18, sex: "女", }, mutations: { changName(state) { ...原创 2019-11-22 11:34:15 · 3899 阅读 · 1 评论 -
vue组件监听vuex的属性
使用computed接收state的值computed: { getCount() { return this.$store.state.count; }}使用watch监听computedwatch: { getCount(val) { this.count= val; }}原创 2019-11-22 11:33:31 · 7436 阅读 · 1 评论 -
vuex源码解析01index与install
index.jsindex 文件夹主要是为了导出vuex提供的模块import { Store, install } from './store'import { mapState, mapMutations, mapGetters, mapActions, createNamespacedHelpers } from './helpers'`export default {` `...原创 2019-11-21 11:33:12 · 4397 阅读 · 0 评论 -
vuex01-安装使用
安装npm install vuex --saveyarn add vuex使用新建文件以及文件夹在src目录下新建名为store的文件夹(名称随意)在store目录下新建名为index.js文件(名称随意)引入Vuex在index.js 使用vue.use(Vuex) 安装Vuex import Vue from 'vue' import Vuex fr...原创 2019-11-21 11:12:40 · 7121 阅读 · 0 评论