去哪儿网项目开发知识点三

本文详细介绍了Vue.js中实现数据更新的多种方法,包括使用数组的变异方法、改变数据引用地址以及Vue.set()函数。同时,还探讨了在Vue组件中使用is属性解决H5标签bug、通过ref获取DOM节点以及正确定义子组件data的重要性。

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

一:

  1. v-if 和 v-else要紧密使用,分开会报错;
    

    在这里插入图片描述

  2.  在vue中改变数组的内容,希望实现数据改变页面也会改变有三种方法:
    

    方法一:用数组的变异方法改变数组内容:
    pop(),push(),shift(),unshift(),reverse(),splice(),sort();
    方法二:通过改变数据的引用地址,来实现数据变化,页面变化;
    js中的引用数据类型:Object,Array;
    方法三:用set方法,Vue.set();vm.$set();
    在这里插入图片描述

  3.  在vue中改变对象的内容,希望页面有反应,有两种方法:
    

    方法一:直接改变对象的引用数据;
    方法二:使用Vue.set();

  4.     vue组件使用中的细节点:
    

    (1):使用 is 属性解决H5标签出现的bug问题;
    (2):通过ref来获取DOM节点;
    (3): 在子组件中定义data,data必须是一个函数,不能是一个对象; 通过函数的方式返回一个对象,目的是为了让每一个子组件都有独立的数据存储,不会出现多个子组件之间互相影响的情况;
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值