Vue学习总结(一)

概述

Vue是一款渐进式的javescript前端框架，作者是尤雨溪，官网：cn.vuejs.org

特点：1.简单，上手方便

2.结合angular指令与react思维

3.生态丰富（插件多）API文档完善

实例化参数（new Vue）

el:"#app"	选择目标标签
data:{} data(){return{}}	指定数据 一个函数返回一个对象
methods	方法集合
computed	计算
watch	监听

计算(computed)：从现有数据计算出新的数据

computed:{
    rmsg:{
    return this.msg.split("").reverse().join('')
    }
}

监听(watch):监听数据的变化，并执行回调函数handler

watch:{
    "ber":{
        handler(navl,oval){},
        deep:true
    }
}

自定义指令(directives)

bind绑定执行一次     insert插入执行一次   update每更新执行一次

directives:{
    "v-sosn":{
           update(el,binding){
                 if(binding.value){el.focus()
                 }
           }
    }
}