欢迎来到小懒的博客~email:568705236@qq.com

vue3 setup 中 $store和$router的使用方式

2020/11/13 16:33:37站长

    由于vue3中setup里面不能使用this,setup的任何回调方法都无法以this.$router和$this.store来获取路由和状态。

    不过两个官方示例都写了在setup中引入的方法。

import { useStore } from 'vuex';
import { useRouter } from 'vue-router';

...
setup(){
    const router = useRouter();
    const store = useStore();
    
    //某回调方法
    const onFinish()=>{
        store.commit("doit");
        router.push("");
    }
}


赞赏