Vue 2を使用する.6提供する新しいAPI Vue.observable手動でVuexを作成

作成store

import Vue from 'vue'

//   Vue.observable          
export const store = Vue.observable({
  userInfo: {},
  roleIds: []
})

//    mutations,     
export const mutations = {
  setUserInfo(userInfo) {
    store.userInfo = userInfo
  },
  setRoleIds(roleIds) {
    store.roleIds = roleIds
  }
}

コンポーネントで参照

import { store, mutations } from '../store'
export default {
  computed: {
    userInfo() {
      return store.userInfo
    }
  },
  created() {
    mutations.setUserInfo({
      name: '  '
    })
  }
}