//实例化 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 样式实例分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章: