- 156 - 本文档使用 书栈网 · BookStack.CN 构建 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效 呢，比如： 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的 property 这些数据要么本身就以数值形式存储，要么可以转换为数值。有了这些数值后，我们就可以结合 Vue 的响应式和组件系统，使用第三方库来实现切换元素的过渡状态。 介绍 - 212 - 本文档使用 书栈网 · BookStack.CN 构建 介绍 - 213 - 本文档使用 书栈网 · BookStack.CN 构建 一个大型组件的示例，其中逻辑关注点是按颜色分组。 这种碎片化使得理解和维护复杂组件变得困难。选项的分离掩盖了潜在的逻辑问题。此外，在处理单个 逻辑关注点时，我们必须不断地“跳转”相关代码的选项块。 如果我们能够将与同一个逻辑关注点相关的代码配置在一起会更好。而这正是 7. } 8. }; 9. 阅读关于跳跃到主体内容的链接的文档 (opens new window) 可访问性最重要的部分之一是确保设计本身是可访问的。设计不仅要考虑颜色对比度、字体选择、文本 大小和语言，还要考虑应用程序中内容的结构。 用户可以通过标题在应用程序中进行导航。为应用程序的每个部分设置描述性标题可以让用户更容易地 预测每个部分的内容。说到标题，有几个推荐的可访问性实践：