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 .