<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<div class="test"
v-bind:class = "{active:isActive}"
style = "width:200px; height:200px; text-align:center; line-height:200px;">
我是托儿索
</div>
</div>
<div id="bpp">
<div :style = "{color:Jiecolor, fontSize:Jiesize}">
我是儿童劫
</div>
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
isActive:true
}
});
var vmJ = new Vue({
el:"#bpp",
data:{
Jiecolor:'red',
Jiesize:'50px'
}
});
</script>
<style>
.test{font-size:30px;}
.active{background:#FF0000};
</style>
</body>
</html>
