笔记3

一.watch

案例：百度搜索框

接口：百度：http://suggestion.baidu.com/su?cb=callback&wd=123

深浅监听

 

watch:{
　　//浅监听
　　msg(newVal,oldVal){
　　console.log(newVal,oldVal)
},
//深监听
json:{
　　//这个名字不能更改
　　handler(a){
　　console.log(a)
},
　　//主要通过deep属性
　　deep:true
},
　　注意：不建议使用深监听，通常转换为浅监听方式
}

 

a.跨域的解决 jsonp

b.通过监听用户输入，发送请求，渲染页面

二、过滤器      fliter

全局： Vue.fliter('过滤器名字',回调函数) 回调函数中做的是业务逻辑

局部：在vue实例中通过filters配置项来配置 filters:{ 过滤器名称(){ 业务逻辑} }

三、计算属性　　computed

通过计算的出来的，没有初始值