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>

相關標籤/搜索