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 所用于通过一个数据来处理标签的显示时(频繁切换显示状态)