Vue 神器,支持自动生成路由,从此告别繁琐的手动路由配置!
// 引入vue和vue-router
import Vue from 'vue'
import VueRouter from 'vue-router'
// 告诉 Vue 使用 VueRouter
Vue.use(VueRouter)
// 引入自动生成的路由配置文件
import routes from './routes'
// 创建 router 实例
const router = new VueRouter({
mode: 'history', // 使用 HTML5 History 模式
routes // 使用自动生成的路由配置
})
// 创建和挂载根实例
new Vue({
router // 使用 router 配置
}).$mount('#app')
这个示例展示了如何在 Vue 应用中使用自动生成的路由配置文件来创建和挂载 VueRouter
实例。这样可以减少手动创建路由的繁琐步骤,提高开发效率。
评论已关闭