Vue中使用的几种样式的简单介绍(附代码) |
您所在的位置:网站首页 › wps全套教程免费百度云 › Vue中使用的几种样式的简单介绍(附代码) |
本篇文章给大家带来的内容是关于Vue中使用的几种样式的简单介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。使用class样式 1.数组 这是一个邪恶的H12.数组中使用三元表达式 这是一个邪恶的H13.数组中嵌套对象 这是一个邪恶的H14.直接使用对象 这是一个邪恶的H1使用内联样式1.直接在元素上通过 :style 的形式,书写样式对象 这是一个善良的H12.将样式对象,定义到 data 中,并直接引用到 :style 中 在data上定义样式: data: { h1StyleObj: { color: 'red', 'font-size': '40px', 'font-weight': '200' } }在元素中,通过属性绑定的形式,将样式对象应用到元素中: 这是一个善良的H13.在 :style 中通过数组,引用多个 data 上的样式对象 在data上定义样式: data: { h1StyleObj: { color: 'red', 'font-size': '40px', 'font-weight': '200' }, h1StyleObj2: { fontStyle: 'italic' } }在元素中,通过属性绑定的形式,将样式对象应用到元素中: 这是一个善良的H1相关推荐: VUE组件的实例:VUE组件如何实现倒计时? Node.js中线程和进程的详细分析 以上就是Vue中使用的几种样式的简单介绍(附代码)的详细内容,更多请关注php中文网其它相关文章! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |