Vue.observable()使用方法

//store.js
import Vue from 'vue';

export let store =Vue.observable({count:0,name:'李四'});
export let mutations={
    setCount(count){
        store.count=count;
    },
    changeName(name){
        store.name=name;
    }
}

<template>
  <div id="app">
    <p>count:{{count}}</p>
    <p>name:{{name}}</p>
    <button @click="setCount(count+1)">+</button>
    <button @click="setCount(count-1)">-</button>
    <button @click="changeName(name2)">change</button>
  </div>
</template>

<script>

import { store, mutations } from "./store";

export default {
    name: "App",
    data() {
        return {
            name2: '改变后的name'
        }
    }
    computed: {
        count() {
            return store.count;
        },
        name() {
            return store.name
        }
    },
    methods: {
        setCount: mutations.setCount,
        changeName: mutations.changeName
    }
};
</script>