bind的深入学习之动态绑定class（数组）

说明：​ class属性中可以放数组，会依次解析成对应的class。

代码如下：

        <div class="app">
                 <!-- 加上单引号当成字符串 -->
			<h2 :class="active,line">{{message}}</h2>
                 <!-- 不加会被当成变量 -->
			<h2 :class="['active,line']">{{message}}</h2>
			<h2 :class="getActive()">{{message}}</h2>
		</div>
		
		<script src="vue.js"></script>
		<script type="text/javascript">
			const app = new Vue({
				el:'.app',
				data(){
					return{
						message:'你好啊',
						active:'aaa',
						line:'bbb'
					}
				},
				
				methods:{
					getActive(){
						return this.active,this.line
					}
				}
				
			})
		</script>

总结：

1. ​ 加上单引号的表示字符串

2. ​ 不加的会当成变量

3. ​ 可以直接使用方法返回数组对象