码迷,mamicode.com
首页 > Web开发 > 详细

nuxtjs里面使用vuex

时间:2020-03-18 15:14:03      阅读:530      评论:0      收藏:0      [点我收藏+]

标签:const   ati   pre   实例   def   code   click   cli   mit   

普通方式
使用普通方式的状态树,需要添加 store/index.js 文件,并对外暴露一个 Vuex.Store 实例:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const store = () => new Vuex.Store({
    state: {
        count: 0
    },
    mutations: {
        add(state) {
            state.count++
        }
    }
})

export default store

在组件里面

 <div @click="$store.commit('add')">你好啊 点我变大大{{$store.state.count}}</div>

nuxtjs里面使用vuex

标签:const   ati   pre   实例   def   code   click   cli   mit   

原文地址:https://www.cnblogs.com/antyhouse/p/12517352.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!