参考
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
}
}