vue--笔记

 		1、v-on:为元素绑定事件 如：click
        简写 @
        绑定的方法定义在 methods 属性中
        方法内部通过 this 可以访问定义在 data 中的数据


        2、v-show：让元素显示/隐藏
        原理是修改元素的display，实现显示、隐藏
        v-show="true"--显示
        v-show="false"--隐藏


        3、v-if：判断真假，让元素显示、隐藏
        原理--操作dom元素来切换显示状态
        v-if消耗大一些


        4、v-bind：为元素绑定属性
        简写--：
        绑定class，建议：v-bind:class="{类名:data里对应的名}"
        绑定title， v-bind:title="a"


        5、v-for：根据数据生成列表结构
        语法(item,index) in 数据
        item和index可以结合其他指令一起使用
        数据的长度会及时更新，是响应式的
        
        循环输出data列表里的内容
        如：
        <li v-for="(item, index) in arr" :title="item">{{index+1}} {{item}}</li>
        data:{
            arr:["a", "b", "c", "d"],
        }

        6、v-model：便捷的设置和获取表单元素的值
        绑定的数据会和表单元素值相关联
        是双向绑定的
        如：v-model="message"，就可以更改message的值