vuex
YOLO大师
图像算法工程师。订阅专栏提供 YOLOv8/YOLOv10 完整改进代码! 本人所有专栏改进都包含完整代码和详细步骤教程,按照步骤可复现,欢迎随时私信交流,欢迎订阅专栏!
展开
-
vuex06Modules以及命名空间
module是什么 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割: 新建目录以及文件 在store目录下新建文件夹,modules文件夹(名字随意) 在modules文件夹下新建module1.js以及module2.js modules1.js const module1 ...原创 2019-11-28 10:18:31 · 4668 阅读 · 1 评论 -
vuex05Action与mapAction
Action是什么 Action 提交的是 mutation,而不是直接变更状态。 当然Action也获取state,getter Action 可以包含任意异步操作。 Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.gett...原创 2019-11-22 14:08:44 · 7410 阅读 · 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 · 9896 阅读 · 8 评论 -
vuex03Getter与mapGetters
Getter是个啥 是个对象,类似于computed里面的对象 如果我们需要对state对象进行做处理计算,比如说,我们有三家超市,我们想计算三家超市的总营业额。同时还要计算实际的收入,假设成本是200。 同时getter还可以接收其他其他getter const store = new Vuex.Store({ state: { shop1: 100, s...原创 2019-11-22 13:24:17 · 9323 阅读 · 1 评论 -
Vue02 state与mapState
!!! 这个例子可以先忽略mutations 初始化一个state const store = new Vuex.Store({ state: { name: "old name", age: 18, sex: "女", }, mutations: { changName(state) { ...原创 2019-11-22 11:34:15 · 3913 阅读 · 1 评论 -
vue组件监听vuex的属性
使用computed接收state的值 computed: { getCount() { return this.$store.state.count; } } 使用watch监听computed watch: { getCount(val) { this.count= val; } }原创 2019-11-22 11:33:31 · 7444 阅读 · 1 评论 -
vuex源码解析01index与install
index.js index 文件夹主要是为了导出vuex提供的模块 import { Store, install } from './store' import { mapState, mapMutations, mapGetters, mapActions, createNamespacedHelpers } from './helpers' `export default {` `...原创 2019-11-21 11:33:12 · 4406 阅读 · 0 评论 -
vuex01-安装使用
安装 npm install vuex --save yarn 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 · 7127 阅读 · 0 评论