1. 首先明确一点  在书写之前尽量保持相关的文件知道含义 比如 components 啥的 知道是要放什么东西

这里把路由的文章提前了 ,是觉得到这里应该对项目有一些整体的理解, 所以才提前可能有的人立即路由的概念 , 其实你在写原声的时候跳转页面用的是<a>标签 ,但是在实际上比较乱 ,不方便 ,所以使用路由整个提出来, 进行规划, 方便使用

在src里面创建相应的文件夹进行存放

2.路由配置
          首先在页面打开时候都是进入的 APP.vue (PS 我是初学 是这么理解的 有错请见谅) 这是最大的应该

意思就是说 在显示里面都是直接从这走的  要想显示其他的就去路由重定向 我想显示我的登录页面 就会去路由里面改了

注释里面写的比较明白  就是直接在声明好路径之后  直接修改目录文件  重定向直接路由
显示自己相应的页面

出现一个问题  我写好页面  怎么注册 就是报错

转载博客https://blog.csdn.net/qq_41614928/article/details/102787344
在package.json中 找到rules 添加下面代码

"rules": {
"generator-star-spacing": "off",
"no-tabs":"off",
"no-unused-vars":"off",
"no-console":"off",
"no-irregular-whitespace":"off",
"no-debugger": "off"
},

保存后  重启 重启 重启  !!!

声明   这个确实可以解决 但是不能这么做  报错内容就是说声明了但是没有引用所以需要进行修改  删除掉就行了 在配置路由的时候要不在上面引入  要不就直接在下边引入

子路由配置:

我是看的这个文章  感觉比较好
https://www.cnblogs.com/vickylinj/p/10900349.html

其实在写的时候 着重理解一下  然后在注意理解细节  流程  就可以了  不难

在index 就是显示的vue文件里面是这么写的

在页面里面主动跳转页面 要用<router-link></router-link>  注:在上写的那个网址里面 他还写了一个属性就是 Tag="li"其实就是 有li 的特性  前面加了个小黑点

注:路由的写法有两种(不要见了觉得不一样   就是可以直接在下边的{}里面直接指向,然后写路径 。也可以在顶部直接写上import 在下边的{}直接使用)
   举例说明:第一种

   举例说明:第二种

最新文章

  1. linux安装apache
  2. JS中变量名和函数名重名
  3. php设计模式 数据对象映射模式
  4. for语句
  5. 反人类的MyEclipse之-eclipse设置花括号换行显示
  6. android 网络_网络源码查看器
  7. ERROR (ClientException)
  8. 怎么找到MyEclipse-&gt;add struts capabilities
  9. js打开新的链接2
  10. MFC断点无效
  11. Linux 入门命令
  12. Fiddler 教程(转)
  13. deque,list,queue,priority_queue
  14. spring jdbc 源码
  15. MySQL最常用字符串函数
  16. 03_Ext_Viewport_Window_Dialog
  17. C++实现--最大公因数和最小公倍数
  18. python系统编程(二)
  19. Linux交叉工具链安装
  20. 【Erlang】源码安装

热门文章

  1. 从零开始搭建口袋妖怪管理系统(4)-借助webpack4.6工程化项目(上)
  2. 小老板,我学的计算机组成原理告诉我半导体存储器都是断电后丢失的,为什么U盘SSD(固态硬盘)没事呢?
  3. Android 开发技术周报 Issue#278
  4. spring mvc 中使用session
  5. ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据)
  6. Coursera课程笔记----计算导论与C语言基础----Week 3
  7. 【Spark】SparkStreaming和Kafka的整合
  8. java1.8新特性之stream
  9. [ACdream 1212 New Year Bonus Grant]贪心
  10. [codeforces-543B]bfs求最短路