vue指令相关

vue中有很多的指令像v-on、v-model、v-bind等是我们开发中常用的
常用指令

v-bind 单向绑定解析表达式
v-model 双向数据绑定
v-for 遍历数组/对象/字符串
v-on 绑定事件监听,可简写为@
v-show 条件渲染(动态控制节点是否存展示)
v-if 条件渲染(动态控制节点是否存存在)
v-else 条件渲染(动态控制节点是否存存在)
不常用指令
v-text 向其所在的节点中渲染文本内容
v-html 向指定节点中渲染包含htm1结构的内容。
v-cloak
v-once
v-pre

v-text

向其所在的节点中渲染文本内容。
与插值语法的区别: v-text会替换掉节点中的内容,{ {xx}}则不会

<div>姓名:{
  {name}}</div>
<div v-text="name">22222</div>

在这里插入图片描述

v-html

向指定节点中渲染包含htm1结构的内容。

普通用法

str中带的html会被解析渲染

 <div v-html="str"><
  • 16
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

爱编程的小学究

愿你有所收获

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

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

打赏作者

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

抵扣说明:

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

余额充值