方法：1、利用標籤的style屬性加入行內樣式；2、使用「v-bind」指令，透過綁定設定style樣式；3、將vue的屬性設定為樣式，語法「:style ="obj"」或「:style="[obj,obj1...]"」。
本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。
Vue 設定style樣式
1、直接新增行內樣式
2、透過綁定設定style樣式
3、將vue的屬性設定為樣式（vue屬性可以是多個）
<div id="box">
<!--直接添加样式-->
<p style="background-color: blue;">sssss</p>
<!--绑定样式-->
<p v-bind:style="'background-color: red;'">sssss</p>
<!--将vue中的属性作为样式设置-->
<p :style="obj">sssss</p>
<!--将多个属性作为样式设置-->
<p :style="[obj,obj1]">sssss</p>
</div>
<script type="text/javascript">
var vm=new Vue({
el:"#box",
data:{
obj:{
backgroundColor:"gold"
},
obj1:{
fontSize: "30px"
}
},
});
</script>相關推薦：《vue.js教學》
以上是vue怎麼設定樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
