1、创建 Store
1.1 编辑 store
编辑 /vue-renderer/src/store/index.js
:
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
isShowModal: false
},
mutations: {
setModalVisible(state, show) {
state.isShowModal = show
}
},
actions: {
setModalVisible({commit}, show) {
commit('setModalVisible', show)
}
}
})
1.2 引入 store
编辑 /vue-renderer/src/main.js
:
// ...
import store from './store'
// ...
2、显示添加窗口
编辑 /vue-renderer/src/components/Header.vue
:
<template>
<header>
<button id="show-modal" @click="setModalVisible(true)">+</button>
// ...
</header>
</template>
<script>
import { mapActions } from 'vuex'
expor