菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
雷盟-vue2-20230207
[打印本页]
作者:
奔黄昏而去
时间:
2023-2-7 19:43
标题:
雷盟-vue2-20230207
Vue-2
计算属性
computed
模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁
计算属性有缓存
computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化
侦听器
watch
使用watch来响应数据的变化
一般用于异步或者开销较大的操作
watch 中的属性 一定是data 中 已经存在的数据
过滤器
介绍
Vue.js允许自定义过滤器,可被用于一些常见的文本格式化
使用场景
过滤器可以用在两个地方:双花括号插值和v-bind表达式。
过滤器应该被添加在JavaScript表达式的尾部,由“管道” | 符号指示
支持级联操作
注意点
过滤器不改变真正的 ‘data’,而只是改变渲染的结果,并返回过滤后的版本
全局注册时是filter,没有s的。而局部过滤器是filters,是有s的
过滤器中传递参数
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4