条件渲染:
1: v-if="表达式";
2: v-else-if="表达式"
3: v-else="表达式"
适用于切换频率较低场景。
特点: 不展示的DOM 元素被移除
注意点: v-if 可以和 v-else-if v-else 一起使用, 但是要求不能被打断
v-show: 写法写成: v-show: 表达式
使用于: 切换频率较高的场景
特点: 不展示的DOM 元素未被移除, 仅仅是使用样式隐藏
3: 备注: 使用 v-if 的使用, DOM 缘故无法获取到, 而使用v-show 的时候一一定可以获取到。
一个操作DOM 一个操作CSS: v-if 操作DOM 结构 但是v-show: 操作css 样式;
条件渲染的方式
最新推荐文章于 2023-07-12 16:11:52 发布