有很多人不了解vuex怎么使用,那么今天小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。
方法/步骤
1
cmd进入到你的项目目录,并且输入命令,cnpm, install vuex --save,注:自动安装到你项目中
2
在你的src新建一个store.js文件,并引入vuex,import Vue from 'vue';//这里为固定格式照抄
3
import Vuex from 'vuex';//这里为固定格式照抄,Vue.use(Vuex);//此为引用Vuex
4
设置状态常量,假设const state={num:0},注:这里面你可以设置多个值
5
虑这状态常量能不能被你的a.vue组件或者b.vue组件引用,所以你必须再加一行代码
6
可以建立一个新的模板例如a.vue,代码如下 {{$store.state.num}} {{msg}}
推荐信息
- 1
Vue实战051:各种懒加载技术实现
- 2
如何利用vue-lazyload实现懒加载
- 3
vue项目如何利用vue-lazyload实现图片懒加载
- 4
vue组件中使用路由
- 5
前端 vue.js 框架 vue-router 路由设置全攻略
- 6
vue.js-2.0路由怎么用?路由怎么配置?
- 7
Vue.js 2.0 vue-router怎么设置路由
- 8
vue 动态缓存某个路由
- 9
vue 如何配置子路由
- 10
vue安装不上怎么办
- 11
vue路由beforeEach怎么用
- 12
vue-cli项目路由怎么使用
- 13
vue中如何实现动态路由
- 14
vue-router怎样实现路由页面跳转
- 15
如何在vue项目中使用vue-router路由实现跳转
- 16
vue实战开发011:使用router-view嵌套路由详解
- 17
前端脱坑记之Vue使用vue-router教程
- 18
Vue报错Property or method 'x' is not defined
- 19
vue $router都有哪些方法
- 20
vueswiper 使用教程
- 21
雅思6.5(IELTS)一个月复习经验
- 22
8分雅思:[1]听力有路可循
- 23
雅思如何用妙招拿到pass
- 24
如何看美剧电影学英语效果好?
- 25
花下皇后鹌鹑蛋的做法
- 26
蓝墨云班课上课怎么抢答#百元挑战##校园分享#
- 27
设置IE兼容模式
- 28
养老院护理床图片
- 29
自制一个小黄鸭
- 30
英(se)美(ze)同义英语单词拼写各异
- 31
20天雅思听力7.5分经验分享
- 32
小黄鸭美甲教程
- 33
雅思G类平均8分经验分享
- 34
自制圣诞贺卡图片
- 35
派派在哪里查看海员图鉴
- 36
自制圣诞卡片图片
- 37
小花仙勇气国的5个秘密
- 38
啤酒鸭是怎么做的?家常做法教程图解
- 39
过节过生日送礼物也是有含义的,别送错了!
- 40
怎样制作啤酒鸭