Vue 框架之动态绑定 css 样式实例分析(2)

//实例化 vue 对象 new Vue({ //注意代码格式 //el:element 需要获取的元素,一定是 html 中的根容器元素 el:"#vue-app", data:{ dataRed : true, dataChange : false, changeHeight : false }, methods:{ } });

源代码 css 文件:

.red{ color: red; } .change{ background-color: yellow; } .yellowBG{ width: 20%; background-color: yellow; } .changeHeight{ width: 20%; height:100px }

总结

以上所述是小编给大家介绍的Vue 框架之动态绑定 css 样式实例分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/0300ba2d4404ae02a424966205afed0d.html