注册 : Vue.filter(name,callback) 或 new Vue{filters:{}}

使用:

  1. 插值语法 : {{ msg | 过滤器名称}}
  2. v-bind : :value = "msg | 过滤器名称"

注意:

  1. 可以连续使用
  2. 可以传参 默认传msg , 如果只有一个参数则过滤器可接收两个参数 第一个还是msg

    局部过滤器

    ```vue

    现在是：{{time | timeFormater}}

    现在是：{{time | timeFormater(‘YYYY_MM_DD’) | mySlice}}

    尚硅谷

  1. <a name="cpDDh"></a>
  2. # 全局过滤器
  3. ```vue
  4. <body>
  5.     <div id="app">
  6.         <p>{{msg | formatstr1 | formatstr2}}</p>
  7.     </div>
  8. </body>
  10. <script>
  11.   //过滤器1
  12.     Vue.filter("formatstr1", function(value) {
  13.         value = value.replace(/X/g, "要")
  14.         return value;
  15.     })
  16.   //过滤器2
  17.     Vue.filter("formatstr2", function(value) {
  18.         value = value.replace(/要/g, "不")
  19.         return value;
  20.     })
  22.     let app = new Vue({
  23.         el: "#app",
  24.         data: {
  25.             msg: "我X你X他X"
  26.         }
  27.     })
  28. </script>