<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vue-style改变内联样式</title> <script src="../js/vue.js"></script> </head> <body> <div id="app"> <div :style="{color:‘red‘,‘font-size‘:‘20px‘ }">我是一只可爱的猫</div> <div :style="[object,object1]">我是一只可爱的猫</div> </div> <script> var vm =new Vue({ el:‘#app‘, data:{ object1:{color:‘red‘,‘font-size‘:‘20px‘ }, object:{‘background-color‘:‘cyan‘} }, methods:{ } }) </script> </body> </html>
原文：https://www.cnblogs.com/yuanxiangguang/p/10922081.html