博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuex使用方法
阅读量:5846 次
发布时间:2019-06-18

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

vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。比如:我们有几个页面要显示用户名称和用户等级,或者显示用户的地理位置。如果我们不把这些属性设置为状态,那每个页面遇到后,都会到服务器进行查找计算,返回后再显示。在中大型项目中会有很多共用的数据,所以vue给我们提供了vuex。

一,安装及引入vuex

  1,安装

npm install vuex --save

  2,新建store.js

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state={    count:1}const mutations={    add(state,n){        state.count+=n;    },    reduce(state){        state.count--;    }}export default new Vuex.Store({	state,mutations})

  3,在vue模板中引用store.js

1 
12

 

转载于:https://www.cnblogs.com/coober/p/8513402.html

你可能感兴趣的文章
介绍2个免费生成手机端软件的网站
查看>>
Objective-C的算术表达式 .
查看>>
RPC failed; result=28, HTTP code = 0
查看>>
gcc编译C++程序
查看>>
linux中nfs的自动挂载
查看>>
统一关闭域客户端防火墙服务/功能
查看>>
expandablelistview open group scroll to top
查看>>
Android通过Aidl调用Service实例
查看>>
找回使用Eclipse删除的文件
查看>>
rabbitmq 消息系统 消息队列
查看>>
Intellij IDEA神器居然还有这些小技巧
查看>>
HBase基本原理
查看>>
php使用qr生成二维码
查看>>
集成spring3、hibernate4、junit
查看>>
eclipse常用快捷键
查看>>
URL与ASCII
查看>>
Jetty9安装部署
查看>>
OpenGL的视图变换
查看>>
Redis.conf 说明
查看>>
shell-用grep查看输入的参数是否在/etc/passwd中
查看>>