vue 中使用style（样式）

 <!DOCTYPE html>
 <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>Document</title>
     <script src="./lib/vue-2.4.0.js"></script>
 </head>
 <body>
     <div id="app">
         <!-- 内联样式 -->
         <h1 :style="styleObj1">111</h1>
         <h1 :style="[styleObj1,styleObj2]">222</h1>

     </div>
     <script>
        //创建Vue实例 得到ViewModel
        var vm = new Vue({
            el:"#app",
            data:{
                 styleObj1:{color:'red','font-weight': 200},
                 styleObj2:{ 'font-style':'italic' }
            },
            methods:{}
        })
     </script>
 </body>
 </html>