vue中常见的指令与区别

1.v-once

官方来说:就是差值表达式只生效一次
白话:就是只赋值(渲染)一次
使用场景:多用于:某个标签需要数据单一化的时候

2.v-text 与 v-html:

 相同点: 都能为标签渲染文本
	
 不同点:text 元素内容整体替换为纯文本数据,且不会解析标签 
	    html 整体会替换为指定的HTML文本,且会解析标签

3.v-bind 与 v-model:

			相同点: 用来绑定数据到标签中,符合数据驱动视图
			
			不同点:bind:数据会影响视图
				   model:数据会影响视图,视图影响数据 是双向的
			使用场景不同:bind用于: 绑定 只负责数据显示的视图 例如:首页列表 轮播图
					model用于:同时负责数据显示和收集的标签 例如:input框
			实现原理不同:具体操作网上可查

4. v-if 与 v-show

			相同点:都是处理标签的显示与隐藏
			不同点:
				原理不同:if通过DOM来创建与销毁
						show通过css的display
		    	使用场景不同:if 用于需要整体删除一个标签时(不频繁切换显示状态)
					    	show 所用于通过一个数据来处理标签的显示时(频繁切换显示状态)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值