动态显示简介
创建基于数据的页面时,可能需要根据特定值更改显示内容。 或在数组中显示多个项。
通过使用 Vue.js,可以通过各种指令来完成这些操作。 这样做可以使用 HTML 控制输出,这对许多 Web 开发人员来说是很自然的。
在本模块中,你将了解如何在数组中显示项以及如何实现条件显示逻辑。
目标
完成本模块后,你将了解如何:
- 在数组中呈现所有项。
- 基于变量值显示或隐藏 HTML 元素。
- 在 Vue.js 中使用 if、else 和 else-if 语句。
先决条件
- 了解 HTML 和 CSS
- JavaScript 知识
- 熟悉 Vue.js 和指令
- Git
- Visual Studio Code
- Live Server 扩展