html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<style>
.static{
color: aquamarine
}
.red{
color: red
}
.blue{
color:blue
}
</style>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!-- <script src="./static/vconsole.min.js"></script> -->
</head>
<body>
<div id='app'>
<div class="static" v-bind:class = "{'red':flag1,'blue':flag2}">你好啊</div>
</div>
</body>
</html>
js代码
window.onload = function(){
var dataList = {
name:'Coco',
age:20,
display:true,
flag1:false,
flag2:true,
};
var vm =new Vue({
el:'#app',
data:dataList
});
}