我用vue绑定的内联样式，这样写完以后渲染出来的东西，我的div直接没有style了，是怎么回事啊。

Question

//HTML代码

<div id="app10">
     <div v-bind:style="[background,width,height]">啦啦啦啦啦了</div>
 </div>

//js代码

var app10=new Vue({
    el:"#app10",
    data:{
        background:'red',
        height:'50px',
        width:'50px'
    }
})

我期待的结果是：

<div id='app10'>
     <div style="background:red;height:50px;width:50px">
     啦啦啦啦啦了
     </div>
</div>

渲染结果为.,

<div id='app10'><div>啦啦啦啦啦了</div></div>

Answer 1

请看demo:
Style绑定

Answer 2

<div id="app10">
     <div v-bind:style="style">啦啦啦啦啦了</div>
 </div>

var app10=new Vue({
    el:"#app10",
    data:{
       style: {
           background:'red',
           height:'50px',
           width:'50px'
       }
    }
})

应该这种写法？