美文网首页
vuex 的使用步骤

vuex 的使用步骤

作者: 飞鱼_JS | 来源:发表于2017-08-24 20:32 被阅读0次

一、安装

npm install vuex -S

二、main.js中挂载

import store from "./vuex/store.js"

new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App }
})

三、在src目录下新建vuex目录,并在该目录下创建store.js文件

import Vue from "vue";
require('es6-promise').polyfill()
import Vuex from "vuex";

Vue.use(Vuex)
const state = {
  Agendas: []
}
const mutations = {

}
export default new Vuex.Store({
  state,
  mutations
})

四、使用state

this.$store.state. ___

五、组建中mutations 的使用

import {mapState , mapMutations} from "vuex"
 methods:{
    ...mapMutations(['CheckUrl']),
}

相关文章

  • vuex状态管理工具的使用

    vuex使用介绍 使用步骤 下载vuex: npm i vuex -S 创建store实例, 实现数据管理 sto...

  • vuex的简单使用

    1、使用步骤 1.1 使用 npm 安装 Vuex 安装命令 cnpm install vuex -S1.2 ....

  • VUEX

    目标 能够说出VUEX的基本使用步骤 能够说出vuex的核心概念 能够基于vuex实现业务功能 目录 vuex概述...

  • vuex 的使用步骤

    一、安装 二、main.js中挂载 三、在src目录下新建vuex目录,并在该目录下创建store.js文件 四、...

  • Vuex

    简介:vue官方提供的状态管理器 vuex的使用步骤: 安装:npm install --save vuex; 在...

  • vue之vuex使用步骤

    第一步:下载安装vuex 第二步:创建store.js文件 第三步:在main.js中 第四步:在组件中访问 最后...

  • Vuex学习(一)--项目引用实际操作(基础)

    实际操作步骤: 1.引入Vuex (1)安装vuex:npm install vuex --save (2)在sr...

  • 04 Vue中组件通信(下)

    使用vuex来实现组件通信一、vuex 的安装与使用 安装npm install vuex -S 使用 二、 vu...

  • Vuex

    1.Vuex概述 2.Vuex基本使用 3.使用Vuex完成todo案例 1.Vuex概述 Vuex是实现组件全局...

  • 通过一个简单实例了解vuex

    简单说明 什么是vuex,vuex怎么使用,什么场景下适合使用vuex, vuex 文档中都有介绍。看完文档之后,...

网友评论

      本文标题:vuex 的使用步骤

      本文链接:https://www.haomeiwen.com/subject/yrxydxtx.html