vue
/
Vue


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132
							<!DOCTYPE html>
<html lang="zh">

	<head>
		<title></title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<link href="../css/style.css" rel="stylesheet"> </head>

	<body>
		<style>
			.active {
				width: 100px;
				height: 100px;
				background: green;
			}
		</style>
		<div id="myApp">
			<div v-bind:class="{ active: isActive }"></div>
		</div>
		<script>
			var myApp = new Vue({
				el: '#myApp',
				data: {
					isActive: true
				},
			});
		</script>
	</body>

</html>