Vue.js 如何使用vuejs向div添加颜色

我正在使用vuejs进行一个项目，该项目是color pallete generator，我成功地添加了随机颜色，但是当我按下按钮时无法向div添加颜色，您是否可以给我一个如何修复它的示例 多谢各位

 <template>
         <section class="bg">
         <h1>Color Palette generator</h1>
         <div class="colors">
         <div class="item" >
         <div class="color">
         
         </div>
         <p>{{colors}}</p>
         </div>
        
        
        
         </div>
         <div class="btnDiv">
            <button class="button " v-on:click="add">Generate Palette</button>
         </div>
         </section>
        </template>
        
        <script>
        import ColorPicker from './ColorPicker.vue'
        export default {
          components: {
            ColorPicker,
          },
          name: 'ColorPicker',
          props: {
            msg: String
          },
          data: function () {
            return {
         colors:''
            
            }
          },
          methods:{
            add : function() {
          var letters = '0123456789ABCDEF';
          var color = '#';
          for (var i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
            this.colors = color
            
          }
          console.log(this.colors)
        
         
        }
          }
        }
        </script>
        
        <!-- Add "scoped" attribute to limit CSS to this component only -->
        <style scoped>
     
        </style>

调色板生成器
{{colors}}

生成调色板
从“./ColorPicker.vue”导入ColorPicker
导出默认值{
组成部分：{
颜色选择器，
},
名称：'颜色选择器'，
道具：{
msg:String
},
数据：函数（）{
返回{
颜色：“”
}
},
方法：{
添加：函数（）{
变量字母='0123456789ABCDEF'；
var color='#'；
对于（变量i=0；i<6；i++）{
颜色+=字母[Math.floor（Math.random（）*16）]；
这个颜色
}
console.log（this.colors）
}
}
}

您可以将变量绑定到模板中的内联样式

{{{colors}

Vue.config.devtools=false；
Vue.config.productionTip=false；
var app=新的Vue({
el:“#应用程序”，
数据：函数（）{
返回{
颜色：“
};
},
方法：{
添加：函数（）{
var letters=“0123456789ABCDEF”；
var color=“#”；
对于（变量i=0；i<6；i++）{
颜色+=字母[Math.floor（Math.random（）*16）]；
这个。颜色=颜色；
}
console.log（this.colors）；
}
}
})

调色板生成器
{{{colors}

生成调色板