M4.2

任务描述

「奈斯！」bLue 赞叹道。

「欸？等等，就没有别的说了吗？」你十分疑惑。

bLue 不语，你看着他的背影逐渐远去。

旁白：实际上，bLue 只是因为词穷不知道怎么写描述罢了。

在这个任务中，你并不需要额外实现新功能，它仅仅作为扩展练习的目的。

是时候使用前端主流的技术栈来实现页面了。其中，Vue 是当今最流行且最易用的前端框架之一，它可以帮助你高效且快速地构建前端应用。

你需要使用 Vue 来重构 M4.1 中的前端页面。即，你的页面展示和点击按钮后的交互都应该借助 Vue 实现，而非直接使用 HTML 代码和原生 DOM 操作。同时，本任务中不限制使用第三方库和框架，你可以自由探索。

TIP

从现在开始，你极有可能需要借助前端包管理工具来安装第三方库和框架。

推荐安装 Node.js 并使用其自带的 npm 管理依赖，它和 pip 类似。

1-2 天。