vue全局过滤器与局部过滤器的使用

vue中的过滤器

定义：对内容或数据进行过滤(二次处理)的一种方式
写法：Vue.filter("过滤器名称",过滤方式);
使用：过滤器类似于管道流
种类：局部过滤器和全局过滤器

1、全局过滤器
（1）定义无参全局过滤器

    <div id="app">
       <p>{
   {
    message | replaceStr}}</p>
    </div>
    <script>
       // 定义一个无参的名称为replaceStr的全局过滤器
       Vue.filter('replaceStr', function(msg) {
   
          // replace()方法：替换字符串中敏感词汇，用*替换掉敏感词
          return message.replace(/毛病/g, '**')
      });
      let app = new Vue({
   
          el: