Vue.js学习总结

本文探讨了Vue.js中v-show与v-if指令的区别,如何动态绑定样式,以及在操作数组时的注意事项,包括使用vue.set和splice方法确保视图更新,介绍了核心思想数据驱动DOM及特殊情况下的DOM操作。

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

  1. v-show与v-if的区别:前者只是将样式隐藏掉而已,后者才是销毁DOM节点(频繁变化用v-show);
    动态绑定样式(数组语法):
    json的前面是类名,后面给状态
    ps: 还可以用computed、methods来动态定义样式,差一个他们的区别,计算属性是只有数据变了才会更新,方法则是每次都要重新调用(优先选择计算属性)

  2. vue.js操作数组注意:通过下标改动数组的某一项(可以用vue.set设置属性值解决),或者直接改动数组的length(用splice方法解决),是达不到效果的,因为vue检测不到,视图不更新,关于数组更新:官网上列举了几个方法(常用的:push shift splice sort reverse unshift pop 还有3个是不改变原数组: filter concat slice),加一个我觉得常用的,为了不改变原数组,则深拷贝数组也是很经常用的:this.newData = this.oldData.slice(0); this.newData = JSON.parse(JSON,stringify(this.oldData))

  3. vue 的核心思想是数据驱动DOM,不过有时也要操作DOM节点,这就用到了$nextTick,用来知道DOM什么时候更新完成的,加一句,vue是ref获取节点;

  4. 前端长轮形发请求(就是一直调请求),在函数返回结果集时,setTimeout箭头函数回调就好啦!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值