Vue第三天笔记整理

filters:过滤器
调用过滤器的时候需要配合管道符
过滤器中的第一次个形参是我们要操作的值
第二个及以后的形参,都是我们手动给的
全局过滤器:可以供多个实例使用
注册方式:Vue.filter(‘过滤器name’,function(val){})
computed:计算属性,当属性依赖的属性
computed中计算
domdiff: vue是根据domdiff算法,拿到差异的虚拟元素,进行重新构建dom树的结构
key:唯一的值
当要渲染相同的元素的时候,如果没有key值,不会再次渲染,如果给了key值,两个key不同,
vue拿到的就算是相同的元素,也会都渲染出来
computed:用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理;
computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发生变化,或减少或增多或删除商品,总金额都应该发生变化。这里的这个总金额使用computed属性来进行计算是最好的选择
计算属性默认只有 get,不过在需要时你也可以提供一个 set
computed:{
msg:{
get(){
if(this.a==""){
return ‘请输入’
}
if(this.a.length < 6){
return ‘错误,不能小于6位’
}
if(this.a.length > 8){
return ‘错误,不能大于8位’
}
return ‘ok’
}
}
}

发布了22 篇原创文章 · 获赞 26 · 访问量 641

猜你喜欢

转载自blog.csdn.net/HwH66998/article/details/102998494