理解条件渲染 | 重学Vue3

这个月开始重新开始学习Vue3，从理解基本使用到模拟实现！

本文是关于Vue的条件渲染指令：v-if和v-show

看文本篇，你将会对条件渲染有个清晰的认识

本文目录结构如下：

image.png

v-if

此处分3小点来讲：

image.png

1. 用于根据条件渲染一块内容

其实就是渲染真实元素，是否渲染，由后面表达式的值决定

2. 当指令的表达式返回 truthy 值的时候被渲染

即表达式返回的值的布尔值为真就会被渲染，如下：

运行结果

image.png

如果返回的布尔值为假呢，如下

isOK:false

它根本就不会渲染该元素

3. 我们还可以在