清空 (@momo4)vue3的v-if和v-show 中发帖

v-if 控制元素是否渲染到 DOM中。 
v-show 通过 CSS 控制元素是否可见,但不影响其在 DOM 中的存在。

Vue 3 项目讲解:v-if 和 v-show
在这个示例项目中,我们会通过简单的 Vue 3 代码,展示如何使用 v-if 和 v-show 控制元素的显示与隐藏。
1. 创建 Vue 3 项目
我们将使用 Vite 创建一个 Vue 3 项目。
项目创建命令:
# 创建项目
npm init vite@latest vue3-v-if-v-show-demo -- --template vue-ts

# 进入项目目录
cd vue3-v-if-v-show-demo

# 安装依赖
npm install

# 启动开发服务器
npm run dev

2. 项目结构
执行完上述命令后,项目结构大致如下:
vue3-v-if-v-show-demo/...