在vue開發過程中，很多頁面為了保持主題顏色統一，且方便后期管理，通常會設有主題色，通過主題色可以使得頁面上的按鈕單選框等控件保持顏色統一。

接下來介紹其中一種方法：

1.先建立一個js文件用于存放主題色，如style.mixin.js。

2.導出計算屬性，每個計算屬性返回目標顏色。

module.exports = {computed: {titleStyle() {let color = '#f5f5f5';return color;},bgStyle() {return 'red';}// ......

3.在main.js文件中混入全局：

let styleMixin = require('@/common/style.mixin.js')
Vue.mixin(styleMixin)

4.頁面中直接使用即可：

<div :style="'color:' + lightColor + ';'">123</div>

希望本文會對您有所幫助~ ^_^