vue教程(二)--过滤器和监视改动功能
过滤器filter:
1、将数据进行添油加醋的操作。
2、过滤器分两种: 组件内的过滤器(组件内有效)、 全局过滤器
组件内:filters:{过滤器名:过滤器函数fn},fn内通过return 返回最终数据。 例如 filters:{transName:function(){reteurn ''}}
全局过滤器: Vue.filter(过滤器名:过滤器函数fn);例如:Vue.filter('transName',function(arg....){return ''})
3、过滤器是先注册再使用
4、用法 {{变量|过滤器名(参数1,参数2......)}}
监听watch(单个),cumputed(监听多个)
1、用法watch(key属于data中声明的变量名,value是监视后的行为)
watch:{
myName:function(newValue,oldValue){
}
}
注:如果watch监视复杂类型的数据 比如users:[{name:''abc}], 如果按上述监听,怎么监听失败,因为对于复杂类型的数据,watch监听的是对象的地址,而不是属性的值。所以需要
深度监听。一般复杂类型 Object || array,用法如下:
watch:{
deep:true,
handler:function(newValue,oldValue){
}
}
2、cumputed(监听多个) 用法
例如 要实现 a+b = {{result}}的例子,a、b分别代表的是data里面声明的变量,a\b任何一个的变化都会影响result的输出,这时可以使用cumputed,
cumputed:{
//监听result属性
result:function(){
//监视对象,凡是写在该方法内的所有this.变量,都会被监听执行该方法。
return this.a+this.b;
}
}
git上有开发的项目作为例子,有兴趣的可以下载学习。源代码已上传git:Git地址
技术交流群:
最新文章
- JS模块化开发:使用SeaJs高效构建页面
- Ubuntu+Apache2+Mono+MVC3
- 进程和线程及Linux下的编程
- OpenCv实现两幅图像的拼接
- UVA-11107 Life Forms(后缀数组)
- C#学习笔记8:HTML和CSS基础学习笔记
- javax.security.auth.login.LoginException: Error during resolve 异常
- [Android] PorterDuff使用实例----实现新浪微博图片下载效果
- cnblogs博客自定义
- wcf类库及宿主
- Spring中Bean的生命周期讨论
- 幸运序列(lucky)
- ASP.NET 4.0验证请求 System.Web.HttpRequestValidationException: A potentially dangerous Request.F
- MyBatis映射文件2(不支持自增的数据库解决方案/参数处理[单参、多参、命名参数])
- 宝塔面板Windows 面板5.0 memcache安装
- 20145320 《网络渗透》MSF基础应用
- 解决Detected problems with API compatibility...
- oracle count 大表
- 离线LCA学习
- Chrome 对于 glyphicon 字体图标不显示的解决的方法
热门文章
- 检索 COM 类工厂中 CLSID 为 {{10020200-E260-11CF-AE68-00AA004A34D5}} 的组件时失败解决办法
- 联想笔记本进入不了BIOS的解决方法
- java中Array和ArrayList区别
- ABP开发框架前后端开发系列---(4)Web API调用类的封装和使用
- Spring Cloud全链路追踪实现(Sleuth+Zipkin+RabbitMQ+ES+Kibana)
- Unity Shader 玻璃效果
- Django 你需要掌握的模型层(标签、过滤器、模板的继承与导入)
- LR编写Socket脚本方法1(XML/16进制报文data.ws格式)
- 【时间工具】整理下java时间换算专题
- 找不到’geckodriver’ 的环境path问题“ Message: 'geckodriver' executable needs to be in PATH. ”