@
目录<img src="" style="zoom:50%" />
作用
教程
单个页面路由:https://cn.vuejs.org/guide/scaling-up/routing.html#client-side-vs-server-side-routing
多个页面:复杂组合
视频教程:B站Allen前端
使用流程
引入组件
安装:npm~
代码定义:\src\router\index.js下:
点击查看代码
// 路由:传送门入口,名字---通往对应的小世界
// 在此引入:安装路由
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import About from '@/components/About'
// 标识: Vue.js 中使用 Vue Router 的方法。
// 它的作用是将 Vue Router 插件安装到 Vue.js 应用程序中,
// 并注册为一个全局插件,以便在整个应用程序中可用路由相关的属性和方法。
Vue.use(Router)