(一) Vue在创建的时候 入口文件 及相关的路由配置(及子路由配置)

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

在这里介绍一下   由于 vue 不是系统学习 所以很多的创建方式可能不一样  就是有的可能是创建在h5里面的然后引入vue的东西
在这是直接创建.vue的文件
在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 在下边的{}直接使用)
   举例说明:第一种

   举例说明:第二种

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值