1. activeColor: 'red',
    2. fontSize: 30
    3. }

    直接绑定到一个样式对象通常更好,这会让模板更清晰:

    1. data: {
    2. color: 'red',
    3. fontSize: '13px'
    4. }
    5. }

    同样的,对象语法常常结合返回对象的计算属性使用。

    当 使用需要添加的 CSS 属性时,如 transform,Vue.js 会自动侦测并添加相应的前缀。

      这样写只会渲染数组中最后一个被浏览器支持的值。在本例中,如果浏览器支持不带浏览器前缀的 flexbox,那么就只会渲染 display: flex

      译者注[1] true 不是 true,详见 的解释。