一、学习内容
什么是过滤器filter
-作用:过滤器和函数是用来处理数据的
-分类:全局过滤器和局部过滤器
-出现位置:双花括号插值{{}}和 v-bind 表达式
全局过滤器定义
-调用构造函数的filter方法
-==Vue.filter("过滤器名称", 过滤器处理函数):==(没有s)
如何自定义一个全局过滤器
通过Vue.filter();
filter方法接收两个参数
第一个参数: 过滤器名称
第二个参数: 处理数据的函数
注意点: 默认情况下处理数据的函数接收一个参数, 就是当前要被处理的数据
最后要最后要return一个值
局部过滤器
-全局过滤器:在任何一个Vue实例控制的区域中都可以使用
-局部过滤器:只能在自定义的那个Vue实例中使用
过滤器优先级
-如果全局过滤器和局部过滤器同名,按照就近原则,调用局部过滤器
过滤器兼容性
-vue3.x 中已经删除了过滤器的相关功能,
-如果企业项目已经升级到vue3.X,建议用计算和方法替代过滤器。
-如果是vue2.x项目仍可用过滤器相关功能。
计算属性的使用
-computed 选项定义计算属性
-计算属性类似于 methods 选项中定义的函数 (双向绑定)
计算属性的特点: 只要返回的结果没有发生变化, 那么计算属性就只会被执行一次
计算属性的应用场景: 由于计算属性会将返回的结果缓存起来
所以如果返回的数据不经常发生变化,
那么使用计算属性的性能会比使用函数的性能高
计算属性computed和方法methods的区别:
计算属性类似于 methods 选项中定义的函数 (双向绑定)
计算属性:会进行缓存,只有依赖数据发生改变,才会重新进行计算
函数:每次都会执行函数体进行计算。
计算属性的应用场景:
由于计算属性会将返回的结果缓存起来
所以如果返回的数据不经常发生变化,
那么使用计算属性的性能会比使用函数的性能高
|