vue知识点（二）

1、计算属性的setter和getter

var app = new Vue({
    el: '#app',
    data: {
        firstName: 'Yan',
        lastName: 'hailun'
    },
    computed: {
        fullName: {
            get: function() {
                return this.firstName + ' ' + this.lastName;
            },
            set: function(value) {
            	//当fullName发生改变时，set会监听并获取到改变的value，
            	//并对value做一系列的处理，将firstName和lastName进行赋值，
            	//而firstName和lastName一旦发生变化，计算属性就会随之发生
            	//变化并且重新计算，所以页面上的显示也会随之发生变化
                console.log(value); 
                var arr = value.split(' ');
                this.firstName = arr[0];
                this.lastName = arr[1];
            }
        }
    }
})

2、v-show和v-if条件渲染

v-show: 元素会渲染到页面上，但是添加了display:none的样式
v-if: 元素就不会渲染到页面上
所以在需要频繁的显示和隐藏dom元素的时候，用v-show会比较好，因为不会频繁的删除和插入dom元素

3、vue中的列表循环

a、循环vue实例中的数组的时候不能通过下标的形式对数组进行赋值或者删除，只能通过vue中提供的关于数组的方法对数组进行操作：
pop push shift unshift splice sort reserver
b、当数据是对象时，如果要对这个对象添加一个它没有属性，不能直接通过vm.obj.address=“beijing"这种形式添加，而是应该对这个对象重新进行赋值，将这个对象的饮用改变（循环对象使用的是v-for=”(item, key, index) of obj"）

4、vue中的set方法(Vue.set、vm.$set)

a、对象上的set方法：vm.$set(vm.userInfo, “address”, “beijing”);
b、数组[1,2,3,4,5]上的set方法：将下标为1的数字2改成5：vm.set(vm.userInfo, 1, 5);