vue学习(九) 使用内联样式设置style样式

最新推荐文章于 2025-03-26 11:24:22 发布

weixin_34356555

最新推荐文章于 2025-03-26 11:24:22 发布

阅读量371

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xuchao0506/p/10805632.html

此博客为转载内容，转载自https://www.cnblogs.com/xuchao0506/p/10805632.html ，涉及JavaScript相关知识。

/html
<div id="app">
　　
　　//对象就是无序键值对的集合
　　<h1 :style="{ color:red, 'font-weight':200 }">哈哈哈哈哈</h1>
　　
　　<h1 :style="styleObj"></h1>
　　
　　<h1 :style="[styleObj,styleObj2]"></h1>
</div>

//script
<script>
　　var vm = new Vue({
　　　　el:'app',
　　　　data:{
　　　　　　msg:'点击一下',
　　　　　　styleObj:{ color:red, 'font-weight':200 },
　　　　　　styleObj2:{ 'font-style': 'italic' }
　　　　},
　　　　methods:{//methods中定义了当前vue实例中所有可用的方法
　　　　　
　　　　}
　　})
</script>