(一) Vue在创建的时候 入口文件 及相关的路由配置(及子路由配置)
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 在下边的{}直接使用)
举例说明:第一种
举例说明:第二种
最新文章
- linux安装apache
- JS中变量名和函数名重名
- php设计模式 数据对象映射模式
- for语句
- 反人类的MyEclipse之-eclipse设置花括号换行显示
- android 网络_网络源码查看器
- ERROR (ClientException)
- 怎么找到MyEclipse->;add struts capabilities
- js打开新的链接2
- MFC断点无效
- Linux 入门命令
- Fiddler 教程(转)
- deque,list,queue,priority_queue
- spring jdbc 源码
- MySQL最常用字符串函数
- 03_Ext_Viewport_Window_Dialog
- C++实现--最大公因数和最小公倍数
- python系统编程(二)
- Linux交叉工具链安装
- 【Erlang】源码安装
热门文章
- 从零开始搭建口袋妖怪管理系统(4)-借助webpack4.6工程化项目(上)
- 小老板,我学的计算机组成原理告诉我半导体存储器都是断电后丢失的,为什么U盘SSD(固态硬盘)没事呢?
- Android 开发技术周报 Issue#278
- spring mvc 中使用session
- ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据)
- Coursera课程笔记----计算导论与C语言基础----Week 3
- 【Spark】SparkStreaming和Kafka的整合
- java1.8新特性之stream
- [ACdream 1212 New Year Bonus Grant]贪心
- [codeforces-543B]bfs求最短路