任务概述

Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。再加上 Vue 由国人开发，中文社区活跃，非常适合国内码农。因而我们选择 Vue 作为前端的主要框架构建项目。本任务主要考察 Vue 的基本用法和一些前端基础知识。核心考察要点如下：

1. 搭建简单的 Web 服务器。

2. 通过 API 接口获取数据并做处理。

3. 用 Vue 封装一个树形组件。

4. CSS 特效。

任务说明

A、获取节点数据

使用 axios 调用指定接口获取树型组件的数据结构，返回数据的 code 为 0 表示正常，msg 则包含我需要处理的数据，结构大致如下：

每个节点都有 id，title 属性，如果它还有子节点，则包含子节点结构信息的数组存储在 next 属性里。

B、使用 Vue 封装一个树形组件

该组件的输入为步骤 A 获取到的节点结构数据，输出为相应的 HTML 代码，其中每一个独立节点的 HTML 代码如下：

            [msg.title]