使用Vue 3的Composition API，每个视图都需要有以下代码：
1
1005import { useRouter, useRoute } from 'vue-router'
import { useStore } from 'vuex'
export default {
setup() {
const router = useRouter()
const store = useStore()
// ...
}
}
有没有一种方式可以在创建应用程序时声明它们一次，然后将它们传递给创建的应用程序，并在应用程序视图中简单地使用它们，而不需要这些声明？在vue2中，这些是在应用程序初始化时传递的，然后this.$store / this.$router就可以正常工作。
一种使用全局变量的想法，这可能很容易引起问题：在app.vue中，可以这样声明它们一次：
import { useStore } from 'vuex'
export default {
setup() {
globalthis.store = useStore()
然后store将在任何地方都可用。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
