概述
任务概述
Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。再加上 Vue 由国人开发,中文社区活跃,非常适合国内码农。因而我们选择 Vue 作为前端的主要框架构建项目。本任务主要考察 Vue 的基本用法和一些前端基础知识。核心考察要点如下:
搭建简单的 Web 服务器。
通过 API 接口获取数据并做处理。
用 Vue 封装一个树形组件。
CSS 特效。
任务说明
A、获取节点数据
使用 axios 调用指定接口获取树型组件的数据结构,返回数据的 code 为 0 表示正常,msg 则包含我需要处理的数据,结构大致如下:
每个节点都有 id,title 属性,如果它还有子节点,则包含子节点结构信息的数组存储在 next 属性里。
B、使用 Vue 封装一个树形组件
该组件的输入为步骤 A 获取到的节点结构数据,输出为相应的 HTML 代码,其中每一个独立节点的 HTML 代码如下:
[msg.title]
[msg.next]
最后
以上就是可靠毛衣为你收集整理的vue 获取指定key的value_任务详解:Vue 基础的全部内容,希望文章能够帮你解决vue 获取指定key的value_任务详解:Vue 基础所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复