vue中过滤器的说明

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title document/title/head dy div id=' app '！-| in {{}}代表过滤器管道字符，过滤器后面的过滤器函数是-p {{msg | msgformat('疯狂1')}}/p！-调用了多个筛选器函数-p {{msg | msgformat('疯狂1 ')| test } }/p H2 { { time | date format } }/H2/div/body script src=' http :/js/vue . js '/script script//筛选器定义语法//vue . filter(' filter的名称'，function () {}) //筛选器中的函数，即第一个参数数据，已经被指定为dead，它始终是在筛选器管道符号之前传递的数据。//该值从第二个参数传递。//Vue.filter ('filter name '，function (data) {//Return data 123。//定义一个Vue全局过滤器，名称为msgformat vue.filter ('msgformat '，function (msg，param){//第一个参数除了写字符串外，还可以定义一个正则//return msg.replace ('simple '，' evil ')；//return msg.replace(/simple /g，' ' evil ')return msg . replace(/simple/g，param) }) Vue.filter('test '，Function(msg){ return msg ' love ' })//如何定义私有筛选器(local)var VM=new vue({ El : ' # app '，data: { msg: '我也是一个简单的少年，所以我可爱到我会喜欢你'，Time: new Date()，}，//定义私有筛选器，其中如果私有筛选器的名称与全局筛选器的名称一致，则首先调用私有筛选器*///param=' '；Es6初始化值dateformat:function (time，param=' '){ var dt=new date(time)；//yyyy-mm-DD var y=dt . getfullyear()；//var m=dt . getmonth()1；var m=(dt . GetMountry)(1)。toString()。padStart(2，' 0 ')；var d=dt . GetDate()；//返回y '-' m '-' d；//模板字符串//返回` $ { y }-$ { m }-$ { d } `；if(param . tolowercase()==' yyyy-mm-DD '){ return ` $ { y }-$ { m }-$ { d } `；} else { var hh=dt . gethours()；var mm=(dt.getMinutes())。toString()。padStart(2，' 0 ')；var ss=dt . getseconds()；返回`$ { y }-$ { m }-$ { d } $ { hh } : $ { mm } : $ { ss } ` } }，方法： { })/脚本/html[单击并拖动可移动]

翻译

如果有任何不足，请给我你的建议！希望给大家带来帮助！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接