vue组件中的一些小细节

本文阐述了Vue中组件定义、子组件data使用规范、ref的正确应用、样式统一及点击事件延迟解决方案,强调了子组件不可直接修改父组件值的重要性。

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

1.在ul li这种类似的标签中,如果要定义组件,需要使用is来绑定,而不是直接挂载
在这里插入图片描述
2.在子组建中使用data必须是一个函数(因为子组件不止被调用一次)
在这里插入图片描述
3.如果将ref写在一个div上,使用this.$ref.名字,获取到的是dom元素
如果在子组件上写ref,使用this.$ref.名字获取的是子组件的引用
注意:
父组件可以随意向子组件传值,但是子组件不可以修改父组件的值,如果需要更改的话,可以在子组件的data中定义一个函数,将其克隆一份给子组件,这样子组件就可以随意更改了,父组件向子组件传值是以属性的形式,子组件向父组件传值是事件的形式

4.reset.css是解决每个浏览器的内置样式不一样
border.css是解决手机边框不统一
所以下载这两个文件夹,放到自己的项目目录中,然后在main.js中引入就可以了

5.解决点击事件延迟的问题:
在终端安装fastclick
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值