Vue Router 是 Vue.js 的官方路由管理器,它允许你为单页应用(SPA)定义路由和页面逻辑。
功能特性
- 声明式路由配置
- 嵌套路由
- 动态路由
- 导航守卫
- 路由懒加载
示例
以下是一个简单的路由配置示例:
import Vue from 'vue';
import Router from 'vue-router';
import Home from './views/Home.vue';
Vue.use(Router);
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import('./views/About.vue')
}
]
});
相关资源
更多关于 Vue Router 的信息和教程,可以参考 Vue Router 官方文档。
Vue Router 示例图片