Vue.Js过滤器的简单使用

Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示, 格式如下：

{
  { message | filter}}

接下来通过一个具体是示例，分析Vue.Js中过滤器的简单使用，在component文件夹下新建一个vue.js文件，具体代码如下：

<template>
    <div class = "Demo1">
         <p>原字符：{
  {text}}</p>
         <p>无参数过滤替换：{
  {text|textFilter}}</p>
         <p>传参过滤替换：{
  {text|textFilter1("传参")}}</p>
         <p>首字母大写过滤：{
  {text|fanzhuangfilter}}</p>
         <!--过滤器还可以串联，使用多个管道符分割开多个过滤器即可-->
         <p>过滤器串联：{
  {text|textFilter|fanzhuangfilter}}</p>
    </div>
</template>
<script>
export default {
    name:"guolvqi",
    data(){
        return {
            tex