vue

4、列表动画 代码 运行结果 让其他列表项“温柔地”后移 运行结果 列表动画 代码 运行结果 让其他列表项“温柔地”后移 运行结果

3、组件和元素切换动画的实现 代码 运行结果 使得它们”出入有序“ 运行结果 第一次渲染页面就有动画效果 运行效果 多个单组件动画切换 运行结果

2、使用 transition 标签实现单元素组件的过渡和动画效果 出入场动画 运行结果 出入场动画 运行结果 给transition加个name 运行结果 在transition标签具体指定出入场动

四、Vue中的动画 1、使用 Vue 实现基础的 CSS 过渡与动画效果 动画 运行结果 过渡 运行结果 通过绑定样式的方式实现过渡 运行结果

9、基础语法知识点补充 使用ref获取dom节点 运行结果 使用ref获取子组件的引用 运行结果 provide和inject 运行结果 provide里面的数据是data里面的数据 运行结果

8、动态组件和异步组件 动态组件 内容缓存 异步组件 动态组件和异步组件 动态组件 内容缓存 异步组件 动态组件和异步组件 动态组件 内容缓存 异步组件

7、使用插槽和具名插槽解决组件内容传递问题 通过插槽向子组件传标签 运行结果 除了标签还可以传递字符串、子组件 运行结果 一些说明 插槽的作用是将子组件标签内部的内容替换子组件内部的 slot 标签，

6、组件间双向绑定高级内容 不能写多个v-model但是可以写多个带属性的v-model:XXX 运行结果 自定义v-model上的修饰符 运行结果

5、父子组件如何通过事件进行通信 子组件调用的方法让父组件处理 运行结果 子组件调用父组件的方法并传参数 运行结果 在子组件中计算出来后上传给父组件参数 运行结果 校验子组件对外触发的事件 运行结果

4、Non-Props属性 概述 当父组件向子组件传的值，子组件没有接收的时候，vue 会把传的值作为子组件最外层 div 的属性； 代码 运行结果 阻止这种情况的发生 运行结果 子组件最外层多个di

3、单向数据流的理解 传多个参数的情况 运行结果 简化传多个参数的写法 运行结果 关于属性名 运行结果 单向数据流 运行结果 解决无法更改父组件传递过来的数据的问题 运行结果 为什么自组件不能改父组件

2、组件间传值及传值校验 父组件给子组件传值 运行结果 父组件给子组件传动态参数 运行结果 子组件校验父组件的传参 运行结果 父组件给子组件传函数 运行结果 设置必须传参数 运行结果 为参数设置默认值

三、探索组件的理念 1、组件概述 组件图解 简单使用 运行结果 复用组件 运行结果 组件可嵌套使用 运行结果 全局组件 局部组件 运行结果

9、表单中双向绑定指令的使用 input双向绑定写法 运行结果 textarea双向绑定写法 运行结果 checkbox单选写法 运行结果 checkbox多选写法 运行结果 radio单选写法 运行

8、事件绑定 基本使用 运行结果 绑定事件为表达式 运行结果 默认的event参数 运行结果 传参数 运行结果 传参数且获取默认的event参数 运行结果 一个事件执行多个函数 运行结果 事件修饰符s

7、列表循环渲染 使用v-for渲染数组 运行结果 使用v-for渲染对象 运行结果 使用key优化性能 运行结果 控制数组 此外，我们可以通过控制数组来控制列表的渲染，这里就暂且省略了； 给对象添加

6、条件渲染 v-if基本使用 show 为 true的时候 show 为 false 的时候 使用场景 v-if：用在不经常调整显示状态的标签上； v-show：用来经常调整显示状态的标签上； 使用

5、样式绑定语法 通过动态绑定 class 属性来控制样式的展示 运行结果 通过 class 对象来控制样式的展示 运行结果 通过 class 数组来控制样式的展示 运行结果 控制子组件样式的展示 运

4、数据、方法、计算属性、侦听器 代码 运行结果 计算属性和方法的不同 运行结果 侦听器 运行结果 侦听器参数 代码 运行结果 总结 计算属性：依赖的属性发生变化时改变； 方法：每次页面刷新就会执行；

3、常用模板语法 官方文档 两种方式： 开发者编写模板——Vue将模板编译成虚拟 DOM 渲染函数——Vue计算需要渲染的组件并进行DOM操作； 开发者直接编写渲染（render）函数——Vue计算需