Vue.js笔记 之 入门篇Day4 -- 父子组件传值、ref操作DOM、路由vue-router

本文探讨了Vue.js中父组件向子组件传递数据的方法,对比data与props的使用,深入解析ref操作DOM及子组件DOM的技巧。此外,详细介绍了Vue路由规则,包括参数传递的query和params方式,子路由的children属性应用,以及命名视图的经典布局实现。

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

1. 父组件向子组件中传值 和 data与props的区别 

-----------props内的数据其实也可以被修改,但是会有警告warn,不建议这么做

 

 

 

 

 

 

 

 

 

 

 

2. ref操作DOM  -- 其中也可以操作 子组件 的DOM

 

3. 路由

 

3.3 路由规则中定义参数 -- query方式

路由规则中定义参数 -- params方式

3.4 使用children属性实现子路由,同时子路由的前面不要带“/” (反斜杠),否则会以根路径进行请求。

3.6 使用命名视图实现经典布局

 

笔记有点简略,后期会填充...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值