我是靠谱客的博主 可靠毛衣,最近开发中收集的这篇文章主要介绍vue 获取指定key的value_任务详解:Vue 基础,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

edaa14eecda3e44f97662f433eec2a2e.png

任务概述

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

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

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

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

  4. CSS 特效。

任务说明

A、获取节点数据

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

4d0639fbb6729693833e19960d8009e0.png

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

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

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

           

            [msg.title]
[msg.next]

最后

以上就是可靠毛衣为你收集整理的vue 获取指定key的value_任务详解:Vue 基础的全部内容,希望文章能够帮你解决vue 获取指定key的value_任务详解:Vue 基础所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部