如何检查给定的字符串是回文还是不使用 VueJS 中的过滤器？

过滤器是 Vue 组件提供的一项功能，可让您将格式设置和转换应用于模板动态数据的任何部分。组件的过滤器属性是一个对象。单个过滤器是一个接受一个值并返回另一个值的函数。返回的值是实际打印在 Vue.js 模板中的值。要检查字符串是回文还是不使用过滤器，我们必须首先反转字符串并相应地编写字符串回文的逻辑并将过滤器应用于字符串。这两个示例都在采用不同的方法。

示例 1：

index.html

    
    


    
          
        
          String1 : 
          {{ st1 | pCheck }}
        
  
          
        
          String2 : 
          {{ st2 | pCheck }}
        
    
    

应用程序.js

const parent = new Vue({
    el : '#parent',
    data : {
        st1 : 'I am not',
        st2 : 'iTopiNonAvevAnoNipoTi',
    },
  
    filters:{
        pCheck : function(data){
            var rev = [];
            for (let i = data.length - 1, j = 0; i >= 0; i--, j++)
                rev[j] = data[i];
            reverse = rev.join('');
            if(data == reverse) return 'Palindrome'
            else return 'Not Palindrome'
        }
    }
})

输出：

示例 2：

索引.html

    
    


    
        
          String1 : 
          {{ st1 | pCheck }}
        
        
          String2 : 
          {{ st2 | pCheck }}
        
  
    
    

应用程序.js

const parent = new Vue({
    el : '#parent',
    data : {
        st1 : 'I am not',
        st2 : 'iTopiNonAvevAnoNipoTi',
    },
  
    filters:{
        pCheck : function(data){
            const reverse = data.split("").reverse().join("");
            if(data == reverse) return 'Palindrome'
            else return 'Not Palindrome'
        }
    }
})

输出：

使用过滤器进行回文检查