<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!-- 动态绑定class-->
<div :class="active">123</div>
<!-- 绑定json数据-->
<div :class="{xianshi:true,qwq:false,active}">456</div>
<!-- 绑定数组-->
<div :class="[`pink`,'purple']">789</div>
<!-- style-->
<div :style="{width: '200px',height: '200px',backgroundColor: 'deeppink'}"></div>
<br>
<div :style="{width,height,backgroundColor}"></div>
</div>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
<script>
new Vue({
el:"#app",
data(){
return {
active:"qwq",
width:"400px",
height:"400px",
backgroundColor:"purple"
}
}
})
</script>
</body>
</html>
Python3Turtle