问题遇到的现象和发生背景
vue-cli版本3.10.0,vue-router版本为3.4.5不能用 useRouter()吗?
问题相关代码,请勿粘贴截图
vue.runtime.esm.js?c320:1897
TypeError: (0 , vue_router__WEBPACK_IMPORTED_MODULE_3__.useRoute) is not a function
at setup (FindChildren.vue?1723:14:1)
at mergedSetupFn (vue-composition-api.mjs?9241:2160:1)
at eval (vue-composition-api.mjs?9241:1972:1)
at activateCurrentInstance (vue-composition-api.mjs?9241:1891:1)
at initSetup (vue-composition-api.mjs?9241:1970:1)
at VueComponent.wrappedData (vue-composition-api.mjs?9241:1953:1)
at getData (vue.runtime.esm.js?c320:4761:1)
at initData (vue.runtime.esm.js?c320:4717:1)
at initState (vue.runtime.esm.js?c320:4655:1)
at VueComponent.Vue._init (vue.runtime.esm.js?c320:5020:1)
运行结果及报错内容
JS中的代码
<script>
import { defineComponent, onMounted, reactive } from '@vue/composition-api'
import { useRoute } from 'vue-router'
export default defineComponent({
setup () {
const router = useRoute();
const state = reactive({
playlist: {}
});
onMounted(async () => {
let id = router.query.id;
console.log(id);
});
return { state }
},
})
</script>