-
learning-vue-router下载
资源介绍
学习Vue路由器
这是有关Vue Router入门概念的简短教程。 该库用于帮助您将Web应用程序划分为多个页面。 Vue路由器将每个URL映射到一个组件，该组件用于显示该URL的内容页面。
我们将使用Vue CLI构建一个小型商店应用程序，向您展示几个概念。 您应该将其识别为实验室中杂货店的重建版本。
运行这段代码
假设您已经安装了Node.js和Vue CLI，则可以使用以下命令运行此代码：
npm install
npm run serve
您应该看到此主页：
当您单击产品页面时，将显示以下内容：
让我们深入了解Vue Router的工作原理
路由器设定
Vue路由器的设置位于src/main.js ：
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue .