vue定义私有过滤器和基本使用
私有过滤器和全局过滤器的方法和概念都相同,只是一个是全局都可以调用,而私有的只有自己可以调用,全局过滤器点这里 全局过滤器 使用方法也和全局过滤器一致,只是定义的地方不同 全局过滤器是在
script
中 通过
Vue.filter
定义 私有过滤器定义方法: 在
vm
实列中,有和
data
同级的
filters
,用来定义当前实例的私有过滤器 {{mes | addStr}}
输出结果为:

文章图片
如果页面中 有第二个实例,
vm2
,去调用
vm
中的过滤器,是调用不到的
如果在页面上有一个全局过滤器,和私有过滤器,是可以同时调用的 【vue定义私有过滤器和基本使用】{{mes | setStr | addStr}}
输出结果:

文章图片
总结: 在调用时我们在前面调用的 全局 ,后面是私有 但输出结果却是 私有过滤器先进行处理 所以,当同时调用全局和私有过滤器时,调用规则是谁离的近先输出谁, 先私有在全局 到此这篇关于 vue定义私有过滤器和基本使用的文章就介绍到这了,更多相关 vue定义私有过滤器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- JS中的各种宽高度定义及其应用
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- SpringBoot调用公共模块的自定义注解失效的解决
- python自定义封装带颜色的logging模块
- 列出所有自定义的function和view
- 私有化轻量级持续集成部署方案--03-部署web服务(下)
- Android7.0|Android7.0 第三方应用无法访问私有库
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()