Vue3 学习笔记
Composition API
<script>
import { useStore } from 'vuex'
import { computed } from 'vue'
const store = useStore();
const count = computed(()=>store.state.count),
const double = computed(() => store.getters.double),
const name = computed({
get:()=>store.state.name.first
+store.state.name.last,
set:val=>{
let [first,last] = val.split(' ');
store.commit('setName',{first,last})
}
}),
const increment = ()=>store.commit('increment'),
const asyncIncrement = ()=>store.dispatch('asyncIncrement'),
const handleAddButtonClick = e=>{
console.log('button click triggered',e);
},
watch(name,(val,pre)=>console.log(val,pre),{
immediate:true,
})
</script>