微信订阅号：Rabbit_svip
最好先看看【Vue】路由 - 基础使用方法
1、创建项目
根据【Vue-cli 3.x】创建vue项目 的方法，创建一个带router的项目。
2、运行项目
通过命令 npm run serve 运行项目。
微信订阅号：Rabbit_svip
上图是项目运行后的效果。
下面红框部分是主要关注的文件
微信订阅号：Rabbit_svip
【main.js】
微信订阅号：Rabbit_svip
【router.js】
微信订阅号：Rabbit_svip
【App.vue】
App.vue是根组件
微信订阅号：Rabbit_svip
About.vue和Home.vue两个组件，就是要展示的页面部分。
如果需要添加其他页面，可以在views或者components文件夹里面，创建新的组件。
然后在router.js里配置相应的路由规则。
最后在App.vue里设置好导航就行了。
以上就是Vue路由最基础的用法。
最好先看看【Vue】路由 - 基础使用方法 1、创建项目根据【Vue-cli 3.x】创建vue项目 的方法，创建...
vue-cli3 AND webpack4 Vue-cli3 基础生成 vue-cli3 安装全局运行 cnpm...
1，使用vue-cli3搭建项目这个项目使用的主要是ant-design组件 第二节 路由 路由的分类？？？...
Vue-cli3新建项目后相比Vue-cli2少了很多东西，需要自己来安装使用路由。步骤如下： 安装路由 创建ro...
一、学习网络知识方法 1.掌握基础部分 路由: 路由基础配置 路由配置(RIP OSPF BGP) 路由安全配置(...
基础用法： 动态路由匹配： 嵌套路由： 编程式路由： 命名路由： 命名视图：
卖座后台管理系统知识体系 目录 vue-cli3 创建项目（略） 重置样式和公共样式(略) 路由配置（略） 使用饿...
路由 文件位置： app/Http/routes.php 基础路由get/post 多请求路由 路由参数 路由别名...
卖座后台管理系统知识体系 目录 vue-cli3创建项目(略) 重置样式和公共样式(略) 路由配置(略) 使用饿了...
Basic Routing 基础路由 1.欢迎页面路由代码
本文标题：【Vue-cli3】路由基础
本文链接：https://www.haomeiwen.com/subject/xiotiqtx.html
网友评论