vue.js如何使用filter

<div id="app">

      <p>{{ msg | msgFormat('疯狂','--')}}</p>

  </div>

  <script>

      // 定义一个 Vue 全局的过滤器，名字叫做  msgFormat

      Vue.filter('msgFormat', function(msg, arg, arg2) {

          // 字符串的  replace 方法，第一个参数，除了可写一个 字符串之外，还可以定义一个正则

          return msg.replace(/单纯/g, arg+arg2)

      })

</script>

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

    el: '#app',

    data: {

        msg: '曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人'

    },

    methods: {},

    //定义私用局部过滤器。只能在当前 vue 对象中使用

    filters: {

        dataFormat(msg) {

            return msg+'xxxxx';

        }

    }

});