3个vue技巧分享

Home.vue

// Home.vue
   
      

observable.js

import Vue from 'vue';

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

另外需要说明的是，这里只是冻结了users的值，引用不会被冻结，当我们需要reactive数据的时候，我们可以重新给users赋值。