插槽 提供 / 注入 动态组件 & 异步组件 模板引用 处理边界情况 过渡 & 动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性 & 组合 混入 自定义指令 传入 渲染函数 插件 全局 API Treeshaking 内联模板 Attribute key attribute 按键修饰符 在 prop 的默认函数中访问 this 渲染函数 API Slot 统一 过渡的 class 名更改 v-model v-if 与 v-for 的优先级对比 v-bind 合并行为 ## 贡献文档 Vue 文档编写指南 文档风格指南 翻译 ## 致谢 当前文档《Vue endering') 这个例子演示了我们不仅可以把数据绑定到 DOM 文本或 attribute，还可以绑定到 DOM 的结构。此外，Vue 也提供一个强大的过渡效果系统，可以在 Vue 插入/更新/移除元素时自动应用过渡效果。 你可以在下面的沙盒中将 seen 从 true 更改为 false，以检查效果： 还有其它很多指令，每个都有特殊的功能。例如，v-for 指令可以绑定数组的数据来渲染一个项目列表：

会在这些关键帧之间绘制过渡的动画帧（也叫中间画）。 Krita 的动画制作功能配有以下专用面板： 1. 动画时间轴面板。用于按时间查看和控制当前动画的全部动画帧。该面板还具备图层管理功能。在时间轴面板中创建的图层也会在常规图层面板上显示。 2. 绘图纸外观面板。控制绘图纸外观的显示方式，用于辅助观察当前帧的过去帧和未来帧。 3. 动画曲线面板。使用动画曲线制作简易过渡效果。 4. 分镜头脚本 $ a^{*} $ 是品红和绿的比例指标。 b $ ^{*} $ $ b^{*} $ 是黄和蓝的比例指标。 L*a*b* 空间在理论上比 XYZ 空间更容易理解。它常被用作色彩转换的过渡空间，也是进行色彩平衡工作时推荐采用的色彩空间。与其他方案相比，在 L*a*b 空间中调整反差和色调要简单得多。 L*a*b* 空间在技术层面与 Photoshop 的 LAB 空间一致。Photoshop 特性文件。sRGB 特性文件把颜色响应直线修正为一条 gamma > 1 的曲线，从而在计算机常见的每通道 8 位条件下把可用的 256 种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。(参见： https://en.wikipedia.org/wiki/SRGB) 而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色

在这些关键帧之间绘制过渡的动画帧（也叫中间画）。 Krita 的动画制作功能配有以下专用面板： 1. 动画时间轴 面板。用于按时间查看和控制当前动画的全部动画帧。该面板还具备图层管理功能。在时间轴面板中创建的图层也会在常规图层面板上显示。 2. 绘图纸外观 面板。控制绘图纸外观的显示方式，用于辅助观察当前帧的过去帧和未来帧。 3. 动画曲线面板。使用动画曲线制作简易过渡效果。 4. 分镜头脚本 是品红和绿的比例指标。 $ b^{*} $ $ b^{*} $ 是黄和蓝的比例指标。 $ L^{*}a^{*}b^{*} $ 空间在理论上比 XYZ 空间更容易理解。它常被用作色彩转换的过渡空间，也是进行色彩平衡工作时推荐采用的色彩空间。与其他方案相比，在 $ L^{*}a^{*}b^{*} $ 空间中调整反差和色调要简单得多。 L*a*b* 空间在技术层面与 Photoshop GB特性文件。sRGB特性文件把颜色响应直线修正为一条gamma>1的曲线，从而在计算机常见的每通道8位条件下把可用的256种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。(参见： https://en.wikipedia.org/wiki/SRGB) 而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色

在这些关键帧之间绘制过渡的动画帧（也叫中间画）。 Krita 的动画制作功能配有以下专用面板： 1. 动画时间轴 面板。用于按时间查看和控制当前动画的全部动画帧。该面板还具备图层管理功能。在时间轴面板中创建的图层也会在常规图层面板上显示。 2. 绘图纸外观 面板。控制绘图纸外观的显示方式，用于辅助观察当前帧的过去帧和未来帧。 3. 动画曲线面板。使用动画曲线制作简易过渡效果。 4. 分镜头脚本 是品红和绿的比例指标。 b $ ^{*} $ $ b^{*} $ 是黄和蓝的比例指标。 $ L^{*}a^{*}b^{*} $ 空间在理论上比 XYZ 空间更容易理解。它常被用作色彩转换的过渡空间，也是进行色彩平衡工作时推荐采用的色彩空间。与其他方案相比，在 $ L^{*}a^{*}b^{*} $ 空间中调整反差和色调要简单得多。 L*a*b* 空间在技术层面与 Photoshop 特性文件。sRGB 特性文件把颜色响应直线修正为一条 gamma > 1 的曲线，从而在计算机常见的每通道 8 位条件下把可用的 256 种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。(参见： https://en.wikipedia.org/wiki/SRGB) 而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色

会在这些关键帧之间绘制过渡的动画帧（也叫中间画）。 Krita 的动画制作功能配有以下专用面板： 1. 动画时间轴面板。用于按时间查看和控制当前动画的全部动画帧。该面板还具备图层管理功能。在时间轴面板中创建的图层也会在常规图层面板上显示。 2. 绘图纸外观面板。控制绘图纸外观的显示方式，用于辅助观察当前帧的过去帧和未来帧。 3. 动画曲线面板。使用动画曲线制作简易过渡效果。 4. 分镜头脚本 b^{*} $ 是黄和蓝的比例指标。 $ L^{*}a^{*}b^{*} $ 空间应该是 XYZ 空间的一个更易理解的变种，也是在所有色彩空间中色域覆盖程度最为完整的一种。它常被用作色彩转换的过渡空间，也是色彩平衡作业应该采用的色彩空间。在 $ L^{*}a^{*}b $ 空间中调整反差和色调远比其他方案要来的简单。 L*a*b* 空间在技术层面与 Photoshop 的 LAB 空间一致。Photoshop 特性文件。sRGB 特性文件把颜色响应直线修正为一条 gamma > 1 的曲线，从而在计算机常见的每通道 8 位条件下把可用的 256 种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。(参见： https://en.wikipedia.org/wiki/SRGB) 而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色

在这些关键帧之间绘制过渡的动画帧（也叫中间画）。 Krita 的动画制作功能配有以下专用面板： 1. 动画时间轴 面板。用于按时间查看和控制当前动画的全部动画帧。该面板还具备图层管理功能。在时间轴面板中创建的图层也会在常规图层面板上显示。 2. 绘图纸外观 面板。控制绘图纸外观的显示方式，用于辅助观察当前帧的过去帧和未来帧。 3. 动画曲线面板。使用动画曲线制作简易过渡效果。 4. 分镜头脚本 b^{*} $ 是黄和蓝的比例指标。 $ L^{*}a^{*}b^{*} $ 空间应该是 XYZ 空间的一个更易理解的变种，也是在所有色彩空间中色域覆盖程度最为完整的一种。它常被用作色彩转换的过渡空间，也是色彩平衡作业应该采用的色彩空间。在 $ L^{*}a^{*}b^{*} $ 空间中调整反差和色调远比其他方案要来的简单。 L*a*b* 空间在技术层面与 Photoshop 的 LAB sRGB 特性文件把颜色响应直线修正为一条 gamma > 1 的曲线，从而在计算机常见的每通道 8 位条件下把可用的 256 种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。（参见：https://en.wikipedia.org/wiki/SRGB）而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色彩空间

键帧。然后你便可以在“图层”面板中直接编辑该关键帧的不透明度。位于两个不透明度关键帧之间的各关键帧透明度将自动过渡。详情请见动画曲线章节。 ## 制作流程 在传统动画的制作流程中，动画师首先要绘制关键帧（也叫“原画”），它们包含了重要的镜头和动作。接下来他们会在这些关键帧之间绘制过渡的动画帧（也叫“中间画”）。 Krita 的动画制作流程要用到三个重要的工具面板： 1. 时间轴面板。用于按 b^{*} $ 是黄和蓝的比例指标。 $ L^{*}a^{*}b^{*} $ 空间应该是 XYZ 空间的一个更易理解的变种，也是在所有色彩空间中色域覆盖程度最为完整的一种。它常被用作色彩转换的过渡空间，也是色彩平衡作业应该采用的色彩空间。在 $ L^{*}a^{*}b $ 空间中调整反差和色调远比其他方案要来的简单。 L*a*b* 空间在技术层面与 Photoshop 的 LAB 空间一致。Photoshop 特性文件。sRGB 特性文件把颜色响应直线修正为一条 gamma > 1 的曲线，从而在计算机常见的每通道 8 位条件下把可用的 256 种颜色尽可能多地安排给了人眼最敏感的暗部颜色，实现了人类感知上的平滑过渡。(参见： https://en.wikipedia.org/wiki/SRGB) 而一些其他特性文件，如 AdobeRGB 等是为了在同样颜色数量下面容纳更多的可打印颜色而优化的，它们一般会在色

后退属性控制过冲的⼤⼩和⽅向(即⾼于/低于曲线)。 缓动类型 参考 关键帧 ‣ 缓动类型 Ctrl-E 缓动类型控制缓动效果适⽤于两个关键帧之间的段的哪⼀端。 ⾃动缓动 以下使⽤的⾏为中通常预期的。 对于过渡效果，这是基本 淡⼊ ，⽽对于 物理效果，它是 淡出 。 淡⼊ 效果会积聚到第⼆个关键帧。 淡出 效果从第⼀个关键帧淡出。 淡⼊淡出 段两端都有效果。 外插模式 参考 通道 ‣ 外插模式 Shift-E 情形产 ⽣良好的平滑曲线。要注意位于极端点之间的键周围的黄⾊曲线及⽮量 控制柄附近的扭结。 持续加速 求解⽅程以避免或尽量减少每个关键帧上的加速度跳跃。⽮量控制柄作 为平滑过渡集成到曲线中，作为到关键帧以外的假想直线的平滑过渡。 这在开箱即⽤的曲线上⽣成要平滑得多，但必然意味着键值的任何更改 都可能影响曲线显著延伸的插值；虽然变化量随距离呈指数级衰减。此 修改传递⾄任何具有 ⾃由 、对齐 或 ⽮量 或 重复偏移 ，并且修改器的其他选项没 有从默认值更改时，它定义了⼀个简单的⽆限循环。 这个特殊情况得到了Blender其他领域的⼀些额外⽀持： ⾃动贝塞尔控制柄放置可识别循环并进⾏调整以实现平滑过渡。 可以启⽤ 循环感知插帧 选项，以在插⼊新关键帧时考虑循环。 噪波修改器 ⽤噪波公式修改曲线。这对于为动画运动创建微妙或极端的随机性很有⽤，例 如相机抖动。 混合类型 替换 向曲线添加-0.5⾄0