vue从入门到放弃---Vuex vueBus

vue-vuex设置全局变量item1

//main.jsimport store from './store';…new Vue({  el: '#app',  store,  router,  template: '<App/>',  components: { App }})

//store/index.jsimport Vue from 'vue'import Vuex from 'vuex'import state  from './state';import mutations from './mutation';Vue.use(Vuex)export default new Vuex.Store({  state,  mutations})

//store/mutation.jsexport default {    SETCURRENTURL(state, value) {      console.log(value);      state.item1= value.item1;    }}

//store/state.jsexport default  {  item1: ''}

//a.vue//多个参数let myData = {    currentUrl:this.currentUrl,    popupVisible3:false };this.$store.commit('SETCURRENTURL',myData);//b.vuecomputed:{    item1(){        return this.$store.state.item1;    }},created(){    this.$emit('item1');}

vue-bus处理事件

//a.vuemethods: {   show(){        this.$bus.emit('WEIJIA');           }    }//b.vuemethods: {    isShow(){        this.item2= "hahahhahah";    }},create:{     this.$bus.on('WEIJIA',this.isShow);}