vuex核心概念----1.store介绍
2018-11-27 15:02
239 查看
1.使用vuex
npm install vuex --save
2.然后新建一个store文件夹,该文件夹下新建一个index.js文件
引入 import Vue from 'vue' import Vuex from 'vuex' //告诉 vue “使用” vuex Vue.use(Vuex) //创建一个对象来保存应用启动时的初始状态 //需要维护的状态 const store = new Vuex.Store({ state: { //放置初始状态 app启动的时候的全局的初始值 selectType: 2 }, getter:{ //在vue文件获取要使用的state中的值 //可以认为是store的计算属性 }, mutations: {//修改state中某个值的方法 setSelectType(type) { this.state.selectType = type;//修改store中的state } }, actions:{//修改state中多个值的方法 } }) // 整合初始状态和变更函数,我们就得到了我们所需的 store // 至此,这个 store 就可以连接到我们的应用中 export default store
相关文章推荐
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- ElasticSearch第2课之核心概念介绍
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Vuex(三)--Vue核心概念Getter
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- webpack的四个核心概念介绍
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- LXC快速入门(1)——核心概念介绍
- maven介绍(作用,核心概念,用法,常用命令,扩张及配置)
- vuex所有核心概念完整解析State Getters Mutations Actions
- rabbitMQ学习笔记(1):基本介绍与核心概念
- webpack核心概念介绍
- Spark核心概念介绍(翻译自Learning.Spark.Lightning-Fast.Big.Data.Analysis)
- Maven介绍,作用、核心概念、用法、常用命令、扩展及配置
- Vuex核心概念State、Getter
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置