<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>class和style</title>
</head>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
window.onload = function(){
//配置是否允许检查代码,方便调试,生产环境中设置为false
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>
<style type="text/css">
.a{background-color: yellow}
.b{font-size: 20px;}
</style>
<body>
<div id="div1">
<p :class="p2">class属性</p>
<p :>style属性</p>
</div>
</body>
</html>
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章题目:vue的class和style-创新互联
文章位置:https://www.cdcxhl.com/article32/iejpc.html
成都网站建设公司_创新互联,为您提供定制开发、用户体验、建站公司、网站营销、软件开发、手机网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联