黑暗七月二 vue rounter杀我 山地人绕绕我吧

本文记录了一天的Vue学习经历,从Vue指令的困惑到vuerouter的理解,反思了自我封闭的学习方式,并详细解析了动态路由的匹配过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

3今天基本没学到啥,干坐10个小时,回来的时候,气的在朋友圈骂自己是傻逼。总结不出来啥知识点,随便写写,反思一下

1.昨天只是浅显的过了一遍vue的几个指令。第二天,说不定都已经忘得差不多了,就去山地人哥那里学vue ruounter了。学了个寂寞,就是折磨我。比如视频里,提到的computed计算属性,watch侦听属性。先硬着头皮看,看不懂。这个时候就应该回去补,在那耽误时间又打击自己。

2.学的时候不会,应该问问边上的工友。最起码说两句话吧,能放松一下心态。我就这样的一个人,挫败的时候就自闭,越自闭越硬着头皮非要刚。放过自己吧!!

3.山地人哥的视频,刘楠应该知道的呀,为什么要和自己过不去呢。

4.虽然山地人哥让我生不如死,但我还是爱山地人哥。妈的,今天他感冒在那抽鼻涕也太接地气了。还有我发现他vue早期的视频,住的环境也没现在好,收音设备也没现在好,但是人看起来年轻好多哈哈哈。

5.气死我了,评论还有个b,别人辛苦免费录视频,他居然在评论里不依不饶刷评论。这种我看着就生气,妈的,我写评论怒怼。

找个理由让自己舒服一点吧,昨天两点睡的,中午没怎么睡觉,靠咖啡只是表面清醒。

昨天找的键盘还蛮喜欢的,就是写代码好像用不着,emmm。

先去洗漱,如何去床上看看别人的博客大方向上的理解一下吧

明天还是要灵活一点。

哎。加油吧

还有那个,嵌套路由的哈希,我不知道#咋没有 ,找个时间找出来


7/3上午更新。动态路由匹配过程分析,最基本的使用

  1. 点击页面上的超链接,URL地址改变。
  2. 此前,已经把路由对象注册到vue实例(vue model)上了。
const User = {
	//组件的模板对象
	template: `<div> 
                User{{$route.params.id}}
            </div>`,
};

//在new路由对象的时候,可以为构造函数传递一个配置对象
const routerObj = new VueRouter({
	//这个配置对象中的route表示【路由匹配规则的意思】
	routes: [{ path: "/user", component: User }], //component的属性值,必须是一个 组件的模板对象,不能是组件的名称
});

//创建Vue实例,得到ViewModel
var vm = new Vue({
	el: "#app",
	data: {},
	methods: {},
	router: routerObj,  //把路由对象注册到vue实例
});

       3.路由监听到Url地址的改变,进行路由规则的匹配,将对应的组件展示到html中的<router-vue>

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值