组件公用数据 Vue.observable( )

注意(适合小项目,不用vuex的情况下使用)

1.创建store.js 最好和main.js平级创建文件

import Vue from 'vue'

export const store = Vue.observable({
  name: '李四'
})
export const mutations = {
  setName (data) {
    store.name = data
  }
}

2.在两个组件中调用改写 (如果全局都有使用,也可在mian.js通过Vue.pototype来全局挂载,不用每个组件都引入)





 

你可能感兴趣的:(组件公用数据 Vue.observable( ))