vue @click 绑定多个方法 执行顺序_Vue干货，学完这些就够用了

vue实例的创建

该实例中的内容将和和下面的例子相对应

var vm = new Vue({
  	el:'',
    data:{
        msg:"我的信息",
        msg1:"<span>我是一个html</span>",
        mytitle:'title',
        list:[
            {id:1,name:'zhangsan'},
            {id:2,name:'lisi'},
            {id:3,name:'wangmazi'},
        ],
        obj:{
            id:1,
            name:'orange',
            age;18
        },
        flag:'true' ，
        style1:{
        color:'pink',
        'font-size':'30px'
   		 },
         style2:{
             font-family: monospace;
        }
    },
     methods:{
         click(){}
     }，
     filters:{
         filter1:function(data){
             //代码块
         }
     }
})

基本指令

1.v-cloak

解决闪烁问题。闪烁问题原因使用插值表达式时若vue还未加载完成则会直接将插值表达式当作文本内容显示

<h1 v-cloak>{ { msg }}</h1>

**2.==v-text == **

标签内部的文本会被mag变量的值所覆盖

<h1 v-text="msg"></h1>

v-html 当作html页面元素解析

如果msg1的值是一个html标签字符串，则会将其解析为html元素

<h1 v-text>{ { msg1 }}</h1>

**3.v-bind **

绑定数据,可以简写成:

<input type="button" value="btn" v-bind:title="mytitle">

**4.v-on **

绑定事件可以简写成@

<input type="button" value="btn" v-on:click="click">

**5.v-for **

在组件中使用v-for循环或者在一些特殊情况中，如果v-for出现问