博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuex 学习 01
阅读量:4967 次
发布时间:2019-06-12

本文共 649 字,大约阅读时间需要 2 分钟。

一、什么是vuex?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

二、使用:

1、安装。

npm install vuex --save

2、在项目某个文件夹下  新建文件夹(store)=> store.js 

3、在store.js 里

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)/*1.state在vuex中用于存储数据*/var state={    count:1,    list:[]}/*2.mutations里面放的是方法,方法主要用于改变state里面的数据*/var mutations={    incCount(){        ++state.count;    },    addList(state,data){        state.list = data;    }}//vuex  实例化 Vuex.store   注意暴露const store = new Vuex.Store({    state,	mutations   })export default store;

4、在需要使用的页面  (good.vue) 下  的 script内  引入

  

转载于:https://www.cnblogs.com/zhaoliu100125/p/10232296.html

你可能感兴趣的文章
9) 依赖查询 & 镜像站
查看>>
MapGuide open source开发心得二: 资源
查看>>
笔记62 | 个人项目“易来”开发记录《一》实现号码测凶吉功能模块
查看>>
乐观锁和悲观锁
查看>>
linux 下 apache启动、停止、重启命令
查看>>
jsidk 上传图片转移到另一个项目遇到的问题
查看>>
学习进度2
查看>>
onbeforeunload与onunload事件
查看>>
通过jenkins自动部署war包到tomcat时遇到的一些问题
查看>>
LeetCode 47. Permutations II
查看>>
Win7承载网络配置——让你的手机无线上网吧
查看>>
随笔?
查看>>
文件上传功能
查看>>
字典示例
查看>>
数据库基本知识(六)-查询
查看>>
Windows server 2012清除并重建SID
查看>>
数据结构-编程实现一个双向链表节点的删除
查看>>
【Leetcode】169. Majority Element
查看>>
tomcat集群实例重复执行
查看>>
电源设计注意事项
查看>>