import { reactive, ref, toRefs, onMounted, getCurrentInstance, computed, watch } from 'vue'
import { useStore } from 'vuex'
// vuex
const store = useStore()
const changeTextName = () =>{
store.dispatch('commitTextName', '修改了哦！')
}
console.log('store', store.state.textName)
watch(() => store.state.textName, (val, old) => {
console.log(val, old)
})
// vuex deep 深度監聽，第三個參數加上{deep:true}
watch(
() => store.state.textName,
(val, old) => {
console.log(val, old)
},
{
deep: true
}
)