Vue.js 的樣式綁定非常方便，可以通過 v-bind:style 或者 :style 來給元素動態(tài)設(shè)置樣式，這樣就可以實(shí)現(xiàn)動態(tài)渲染樣式的效果。下面我將介紹一些 Vue.js 中常用的 CSS 賦值方式。

1. 數(shù)組語法

這里只是將多個樣式對象合并為一個數(shù)組，然后通過 v-bind:style 屬性綁定到元素上。這種方式非常適合于需要動態(tài)切換多種樣式的情況。

2. 對象語法

使用對象語法 v-bind:style="{屬性名: 值}" ，可以動態(tài)傳遞 CSS 屬性以及屬性值。這種方式非常適合于需要動態(tài)修改單個屬性的情況。

3. 直接傳入樣式對象

這種方式和數(shù)組語法一樣，只是將多個樣式對象合并為一個對象，然后通過 v-bind:style 屬性綁定到元素上。如果對象屬性名不包含 '-'，則可以直接傳入對象，否則需要使用駝峰命名法，例如 'background-color' 要改寫成 'backgroundColor'。

4. 使用計(jì)算屬性

computed: {
computedStyles: function() {
return {
backgroundColor: this.backgroundColor,
fontSize: this.fontSize + 'px'
}
}
}

在計(jì)算屬性中，可以動態(tài)取值，然后將值生成 CSS 樣式對象，然后返回給模板進(jìn)行渲染。

總之，Vue.js 的樣式綁定非常靈活，可以用多種方式處理樣式。需要注意的是，在使用 style 綁定時(shí)，Vue.js 會自動加上前綴，以防止瀏覽器兼容性問題。