vue怎么设置初始页面的路由
要设置初始页面的路由,可以在路由配置文件中添加一个默认路由。以下是一个示例:
import Vue from 'vue'
import VueRouter from 'vue-router'
// 导入组件
import Home from './components/Home.vue'
import About from './components/About.vue'
Vue.use(VueRouter)
// 定义路由
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
// 创建 router 实例
const router = new VueRouter({
routes
})
// 设置默认路由
router.replace('/')
// 创建 Vue 实例
new Vue({
router
}).$mount('#app')
在上面的示例中,我们通过 router.replace('/') 设置了默认路由为根路径 '/',这样在应用初始加载时就会自动跳转到根路径对应的组件(在这个示例中是 Home 组件)。
注意:这里使用的是 router.replace('/'),而不是 router.push('/')。router.replace('/') 是将默认路由替换到当前路由历史记录中,而 router.push('/') 是将默认路由添加到路由历史记录中,在浏览器的后退操作时会回到上一个路由
原文地址: https://www.cveoy.top/t/topic/ic7F 著作权归作者所有。请勿转载和采集!