day29-Vue.js

day29-Vue.js

1.Vue基础

Vue是用js封装的一个库，为网页内容提供数据的（不需要节点操作）

1.Vue对象

var 变量名 = new Vue({
        el:选择器
        data:数据对象
        methods:方法对象
    })

2.Vue相关指令

（1）设置标签内容：{{Vue中data属性}}

（2）设置标签的属性值：v-bind:标签属性 = Vue中data属性

（3）if语句：v-if = 'Vue中data属性' -> 判断Vue中data属性的值是否为true，如果是当前标签就显示，否则标签隐藏

（4）for循环结构：v-for = 变量 in Vue中data属性

（5）绑定事件：v-on:事件名 = '事件驱动程序'

事件驱动程序：可以是操作语句； Vue中methods中的属性； Vue中函数的调用表达式

（6）双向绑定：v-model = 'Vue中data属性'