vue.observable()

参考
js文件(store.js)

import Vue from "vue"
export let store = Vue.observable({
 count: 3,
 name: "栗子"
})
export let mutations = {
 setCount(count) {
  store.count = count
 },
 changeName(name) {
  store.name = name
 }
}

使用js的vue文件(main.vue)

<template>
  <div>
    <div class="main">{{count}}</div>
    <div class="main">{{name}}</div>
    <button @click="setCount(count+4)">count+1</button>
    <button @click="changeName('xxxxx')">name+1</button>
  </div>
</template>

import { store, mutations } from "./store"
export default {
  data () {
    return {

    }
  },
  computed: {
    count () {
      return store.count
    },
    name () {
      return store.name
    }
  },
  methods: {
    setCount: mutations.setCount,
    changeName: mutations.changeName
  }
}