<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <!--绑定属性值--> <div v-bind:style="{backgroundColor:pink,width:width,height:}"> <!--绑定样式对象--> <div v-bind:style="mydiv"></div> </div> </div> <script> var vm=new Vue({ el:'#app', data:{ mydiv:{backgroundColor:'red',width:'100px',height:'100px'}, pink:'100%', width:'100%', heught:'200px' } }) </script> </body> </html>