时间:2021-05-26
通过vuex 存储
1. 创建store.js文件
import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state = { //要设置的全局访问的state对象 count: 1, //要设置的初始属性值 fid: '' //要在登录页面的记录 的fid};const mutations = { add(state, sum) { //同上,这里面的参数除了state之外还传了需要增加的值sum state.count += sum; }, upfid(state, fid) { state.fid = fid }};const actions = { add(context, num) { //同上注释,num为要变化的形参 context.commit('add', num) }, upfid(context, fid) { context.fid = fid }};const store = new Vuex.Store({ state, actions, mutations});export default store2. 保存fid这个值
this.$store.dispatch('upfid',this.fid)//保存fid3, 在其他页面获取fid 这个值
<p>页面上获得{{city}}</p> data () { return { fid:this.city//js中得到fid } }, computed:{//必须 city(){ return this.$store.state.fid } },以上这篇vue 实现通过vuex 存储值 在不同界面使用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值,例如token),然后在路由跳转前进行登录状态的判断,可以使用vue-router的全局前置守
vuex渐进式教程,从入门级带你慢慢深入使用vuex。Vuex是什么?Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组
这里记录一下vuex的使用和vuex的简易实现首先创建对应的store目录和对应的入口index.jsimportVuefrom'vue'importVuexf
在vue中,可以用**Storage(sessionStorage,localStorage)**来存储token,也可以用vuex来存储(但要考虑页面刷新数据
vue项目中不同组件间通信一般使用vuex,通常情况下vuex和EventBus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用EventBus消息