自定义过滤器（文本过滤器）的使用指南

自定义过滤器

1. 过滤器是什么
2. 过滤器的应用场景
3. 如何使用全局过滤器和局部的过滤器

自定义过滤器，又称文本过滤器，对你即将渲染的数据进行一次过滤，这里注意过滤器他不会修改原来的数据的，只是把原来的数据进行了一次覆盖，你们可以将，下方代码复制执行以下

<template>
  <div>
    //"|"管道符使用
    <span>{
  { content | texts }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //我就随便写一个数
      content: 30,
    };
  },
   filters: {
     //过滤器过滤数据并往前边加上一个￥符号
     texts(val) {
       return "￥" + val;
     },
   },
  updated() {
    //upodated() 我想都知道是啥吧，就是如果我过滤器改变了原有的数据这个updated方法就会执行并吧返回后的数据进行一个打印
    console.log(this.content);
  },
};
</script>

好，实验完了，我们继续过滤器，我刚才都说了这是文本过滤器，所以这个显而易见，是用来过滤文本的，当然也有用在其他地方，肯定，那也是脱离不了文本，关键你想拿他干点其他的，也不能啊，对吧？

然后这个文