Vue教程08(过滤器的使用)

举报
波波烤鸭 发表于 2022/03/30 01:50:06 2022/03/30
【摘要】   本文我们来介绍下Vue中的过滤器的使用 过滤器 概念:   Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。...

  本文我们来介绍下Vue中的过滤器的使用

过滤器

概念:
  Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示(" | ");

分类:过滤器分为全局过滤器局部过滤器(私有过滤器)

全局过滤器

  我们先通过案例来介绍下过滤器的使用,然后再看下何为全局过滤器
过滤器的语法

// 声明过滤器
Vue.filter("过滤器名称","回调函数")

  
 
  • 1
  • 2

1.简单过滤器的使用

  我们先来看下过滤器的简单使用,如下是没有使用过滤器的情况


  
 

    文章来源: dpb-bobokaoya-sm.blog.csdn.net,作者:波波烤鸭,版权归原作者所有,如需转载,请联系作者。

    原文链接:dpb-bobokaoya-sm.blog.csdn.net/article/details/95656774

    【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
    • 点赞
    • 收藏
    • 关注作者

    评论(0

    0/1000
    抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。