作用: 主要用作文本格式化 使用: 过滤器一般使用在{{}}中或v-bind=‘str | name’ 方式: str | 过滤器名称
1.全局注册
Vue.filter('name',function(value){ //value为格式化之前的内容 return })2.局部注册: 实例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../vue.js"></script> <script> window.onload=function(){ //全局注册过滤器 Vue.filter('changeDate',function(data){ return data.toUpperCase(); }) var app=new Vue({ el:'#app', data:{ str:'hello', str1:'WORLD' }, //注册局部过滤器 filters:{ changeDate1(data){ return data.toLowerCase() } } }) } </script> </head> <body> <div id="app"> {{str | changeDate}} {{str1 | changeDate1}} </div> </body> </html>