style绑定的写法

调用Vue框架的写法
Vue.createApp({
data(){
        return {
                obj:{
                        background:'red',
                        fontSize:'20px'
                        }
                arr:[{width:"300px",color:"red"},{backgroundColor:"blue"}]
                }
},
methods:{
        handleclick(){},
}
}).mount("id名")

一、对象写法
<div  :style="obj"></div>
eg:font-size属性，有两种写法
1、'font-size':'20px'
2、fontSize:'20px'（驼峰命名）
需要减号-连接的属性有两种写法
正常属性正常写就行

二、数组写法
<div  :style="arr"></div>
数组的元素为对象，添加一个对象写法的对象元素，同上