02 vue绑定操作

不常用

v-once

在这里插入图片描述

v-html

在这里插入图片描述

v-text

在这里插入图片描述
注意:

mustache语法就是 : {{}}, 也叫做双括号语法

v-pre

在这里插入图片描述

v-cloak

在这里插入图片描述
在这里插入图片描述

v-bind(重点)

在这里插入图片描述
注意:

动态绑定中, 数组语法都是比较少见的, 一般都是对象语法, 可以自行跳过!

动态绑定class

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

动态绑定style

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

计算属性

在这里插入图片描述
在这里插入图片描述
注意:

计算属性容易和过滤属性搞混淆, 一定要注意区分使用时机 !

计算属性原理

在这里插入图片描述
在这里插入图片描述

计算属性传递参数(最好不要)

在这里插入图片描述
在这里插入图片描述

传参之后还会有缓存的作用吗?

在这里插入图片描述
感谢 倾尽天下yhs, 详情见: 【vue】计算属性computed如何传参

过滤属性

在这里插入图片描述
注意:

过滤属性, 一般是对某一类显示的数据, 进行一定的处理然后再显示 ; 计算属性是对data中的数据进行处理后, 将处理后的结果返回然后进行显示. 过滤属性是对界面上的数据进行处理的(参数就是界面上要处理的值); 计算属性是对data中的数据进行处理的(methods也是,区别上面的截图有说).

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PBitW

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值