vue常用指令介绍v-on:click,v-bind:

v-on:事件监听，语法糖 @click，

v-on:click （@click）：绑定点击事件，执行相对于的方法，调用的方法一般写在methods中 

注意：

1、如果不需要传参数方法后面可以不加()括号

2、如果方法需要参数，但是事件没有传参数，会报错 @click=“btnclick（）””

3、、如果方法需要参数，但是事件没有传参数，@click=“btnclick”会把event事件传到方法中

4，当需要传多个参数以及需要event时，需要在event前面加一个$符号，@click=“btnclick（‘abc’,$even）

v-bind ：主要是在标签内绑定属性使用 用法如下img v-bind:src="url" 这样就可以直接加载图片 v-bind:href='url'这样就可以添加a链接 ，v-bind也可以绑定class属性和style属性，绑定class和style的语法有两种，v-bind也可以是表达式 例如三元表达式

一是对象语法；二是数组语法

对象语法的解释：

v-bind:class="{类名：Boolen，类名：boolen}"；v-bind后面的值可以是对象，在对象中使用布尔值来判断是否显示类名，例如当类名后面的值是true则就显示这个类名，如果是false就不显示这个类名

v-bind:class也可以绑定属性methods中的方法，语法为 v-bind:class='getclass()' 

v-bind:class也可以绑定计算属性的computer中的 

{{message}}

getclass(){

        return {active:this.isactive,line:this.isline}

      }

注意：

1、注意这里的方法需要加（）,这里与v-on：click有所不同，v-on:click是调用方法是不用加（） 

2、使用v-bind绑定class并不影响前面是否已经有class名字，例如div class=“body” v-bind:class='{active:isactive,line:isline}'  这样也是可以，后面的对象 并不影响前面的class

数组语法使用解释：

{{message}}

 {{message}}