5、Vue 项目实战：从 Markdown 笔记应用到城堡对决浏览器游戏

Vue 项目实战：从 Markdown 笔记应用到城堡对决浏览器游戏

1. 回顾 Markdown 笔记应用

在之前的项目里，我们打造了首个实用的 Vue 应用，它具备实时 Markdown 预览、笔记列表以及笔记本地持久化等实用功能。在这个过程中，我们引入了 Vue 的多种特性：
- 计算属性 ：会根据需要自动更新和缓存。
- 方法 ：用于在函数内复用逻辑。
- 监听器 ：当属性发生变化时触发代码。
- 生命周期钩子 ：在 Vue 实例创建时执行代码。
- 过滤器 ：方便在模板中处理表达式。

同时，我们在模板里运用了大量 Vue 指令，如下表所示：
| 指令 | 作用 |
| ---- | ---- |
| v-model | 绑定表单输入 |
| v-html | 显示 JavaScript 属性中的动态 HTML |
| v-for | 重复元素并显示列表 |
| v-on (或 @) | 监听事件 |
| v-bind (或 :) | 动态绑定 HTML 属性到 JavaScript 表达式，或动态应用 CSS 类 |
| v-if | 根据 JavaScript 表达式决定是否包含模板部分 |

这些特性共同协作，构建出一个功能完备的 Web 应用，Vue 的强大功能让我们能高效完成开发工作。

2. 开启城堡对决浏览器游戏项目