【学习笔记】09-v-bind动态绑定class（数组语法）

v-bind的动态绑定控制class（数组语法）

v-bind动态绑定class也可以使用数组的形式绑定，但是不经常使用

示例

<div id="app">
<h1 class="active">{{message}}</h1>
<h1 class="title" :class="getClass()">{{message}}</h1>

</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
const apt = new Vue({
	el:'#app',
	data:{
		message: 'hello,word',
		isActive: 'aaa',
		isLine:'bbb',
	},
	methods:{
		getClass:function(){
			return [this.isActive,this.isLine]
		}
	}	
})
</script>

显示结果

注：
服务器传送偶尔会用到数组形式，注意是字符串还是变量，引号技巧要注意