使用vuex的state状态对象的5种方式

使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。

下面给大家来贴一下我的vuex的结构

下面是store文件夹下的state.js和index.js内容

//state.js

const state = {

headerBgOpacity:0,

loginStatus:0,

count:66

}

export default state

//index.js

import Vue from 'vue'

import Vuex from 'vuex'

import state from './state'

import actions from './actions'

import getters from './getters'

import mutations from './mutations'

Vue.use(Vuex)

export default new Vuex.Store({

state,

actions,

getters,

mutations

})

下面开始在test.vue组件当中使用vuex的state状态对象

方式一

{{$store.state.counmTKvCtDt}}

方式二

{{count}}

方式三

{{count}}

方式四

{{count}}

方式五

{{count}}

以上是使用vuex的state状态对象的5种方式，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。