v-bind style使用方法 · vue

## v-bind可以操作style属性以下为代码案例，可以通过v-bind改变属性值 ``` 语法： <div :style="{width:shuzi+'px'}" class="a" > VUE语法： var vue = new Vue({ el:"#app", data:{ shuzi:100 //判断条件 } }) ``` # 代码案例： ``` <!DOCTYPE html> <html lang="zh"> <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></title> <style> .a{ height: 100px; background-color: #FF0000; } </style> </head> <body> <div id="app" > <div :style="{width:shuzi+'px'}" class="a" >  </div> </div> </body> <script src="vue/vue.js"></script> <script type="text/javascript"> var vue = new Vue({ el:"#app", data:{ shuzi:100 //判断条件 } }) </script> </html> ```