createApp(ConditionalRendering).mount('#conditional-rendering') 这个例子演示了我们不仅可以把数据绑定到 DOM 文本或 attribute，还可以绑定到 DOM 的结构。 此外，Vue 也提供一个强大的过渡效果系统，可以在 Vue 插入/更新/移除元素时自动应用过渡效 果。 你可以在下面的沙盒中将 seen 从 true 更改为 false ，以检查效果： 通常，当我们需要将数据从父组件传递到子组件时，我们使用 props。想象一下这样的结构：你有一 些深嵌套的组件，而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下，你仍然需要将 prop 传递到整个组件链中，这可能会很烦人。 对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依赖 项提供程序，而不管组件层次结构有多深。这个特性有两个部分：父组件有一个 provide provide 选项来 提供数据，子组件有一个 inject 选项来开始使用这个数据。 例如，如果我们有这样的层次结构： 1. Root 2. └─ TodoList 3. ├─ TodoItem 4. └─ TodoListFooter 5. ├─ ClearTodosButton 6. └─ TodoListStatistics 提供 / 注入

认识Mock 学到这里就算是开始踏入AntD的门，然后我们还得学习一下常用的一些操作，例如Mock。 针对与Mock他大致就是用来模拟数据的，为什么会有它的出现呢？因为现在前后端开发基本是分离 ，但是数据结构一般都会先定好，在日常开发中，为了前端的进度不受到后端的影响，常用Mock来 虚拟数据来模拟后端发来的请求。 本文只是简单的介绍一下Mock的使用，如果要详细学习请自行百度 Mock基本格式 export 在上面说了Mock的一个基本使用，那他是如何工作的呢？ 前面已经说了，Mock相当于模拟服务器数据，那请求数据的地方在哪里呢？那就是Service的文件夹 ，这时候我们大致看一下Service的基础结构，方便后面的demo看懂。 import {request} from "umi"; 原文链接：Ant Design Pro 从零到一（Mock 使用） export async function 这基本就是一个service的构成，其中export async function都是关键字，request()中的'/api/tesetLi t'就是我们之前写的Mock中的接口。 PS： request():其实结构是下面这样，如果是ｇｅｔ请求可以简写。 request('/api/getValue',{ method://请求方式 GET、POST、PUT、DELETE data: //请求参数 }) 来个Ｄｅｍｏ