在蔚来的智能座舱系统前端开发中，需要实现一个组件来展示车辆的实时速度。该组件要能响应速度数据的更新，并在速度超过 120km/h 时，以红色字体显示速度。请设计一个 Vue 组件来完成这个功能。

答题要点

推荐使用分层分析法，从数据定义、视图展示、逻辑处理分层设计。关键要点：1. 在 Vue 组件的 data 中定义速度数据。2. 使用计算属性来判断速度是否超过 120km/h，以决定字体颜色。3. 在模板中绑定速度数据和字体颜色。示例思路：在 data 里定义 speed 变量，用计算属性根据 speed 判断 color 样式，在模板中显示 speed 并绑定 color。代码示例：<template><div :style="{ color: textColor }">当前速度: {{ speed }} km/h</div></template><script>export default { data() { return { speed: 0 }; }, computed: { textColor() { return this.speed > 120? 'red' : 'black'; } } };</script>