好资源导航 » 文章资讯 » Vue.js基础学习之class与样式绑定

Vue.js基础学习之class与样式绑定

2024-02-27 06:03:05 44

打着巩固css知识的旗号开始了对vue样式绑定的研究，相比前一篇的demo，本次内容多了各种样式在里面，变得稍微花哨了些，话不多说，直接上代码吧：




Vuetest

body{font-family:Verdana;}
p{font-family:Times,"TimesNewRoman",serif;}
.static.active{color:green;font-size:35px;}
div.text-danger{color:red;font-size:25px;}
div.active{color:blue;font-family:Verdana;}

classpropertyset.

groupclasspropertyset.

三元表达式加样式

绑定内联样式

对象样式绑定

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

Vue.js基础学习之class与样式绑定

热门推荐

随机推荐