vue的class和style

时间 2020-09-22

标签 vue class style 繁體版

原文原文链接

<!DOCTYPE html>javascript

<html>css

<head>html

<title>class和style</title>java

</head>json

<script>调试

window.onload = function(){htm

//配置是否容许检查代码,方便调试，生产环境中设置为falseip

Vue.config.devtools = true; //检查代码

Vue.config.productioinTip = false; //有强迫症的，能够关掉生产中的提示信息

let vm = new Vue({

el: "#div1",

data:{

pp:'a',

p2:{a:true,b:true}, //能够用json格式，true就是为启用，false就是禁用

sty:{color:'blue'} //style形式

}

});

}

</script>

.a{background-color: yellow}

.b{font-size: 20px;}

</style>

<body>

<p :class="p2">class属性</p>

<p :style="sty">style属性</p>

</div>

</body>

</html>