Javascript 如何在Vue.js中创建回文检查

Javascript 如何在Vue.js中创建回文检查,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我用JavaScript编写了一个回文检查器,但我不知道如何在Vue中使用它。我想要的是这样的东西: 当我输入字符串时,它会对其颜色属性和值说“是”或“否”。您可以使用类中的palindrome()函数: 创建一个用于保存用户输入(例如,命名为input),并将v-model绑定到它 使用您提到的函数,创建一个(例如,名为isAlindrome)返回input是否为回文 使用应用基于isPalindrome的CSS颜色 用于根据isAlindrome显示用户输入是否为回文 {{isPalind

我用JavaScript编写了一个回文检查器,但我不知道如何在Vue中使用它。我想要的是这样的东西:


当我输入字符串时,它会对其颜色属性和值说“是”或“否”。

您可以使用类中的
palindrome()
函数:

  • 创建一个用于保存用户输入(例如,命名为
    input
    ),并将
    v-model
    绑定到它
  • 使用您提到的函数,创建一个(例如,名为
    isAlindrome
    )返回
    input
    是否为回文
  • 使用应用基于isPalindrome的CSS
    颜色
  • 用于根据
    isAlindrome
    显示用户输入是否为回文
  • 
    {{isPalindrome?'Yes':'No'}4️⃣
    从“Vue属性装饰器”导入{Component,Vue}
    函数回文组(str:String){/*…*/}
    @组成部分
    导出默认类回文扩展Vue{
    输入=''//1️⃣
    获取isAlindrome(){//2️⃣
    返回this.input&&palindrome(this.input)
    }
    }
    

    什么不起作用?请共享您的包。js一旦您的项目被托管,请将其添加到您的问题中,以便允许其他人进行调试,我尝试过提供帮助,但没有成功,因为我不熟悉class componentHi@Boussadjrahim,非常感谢。我解决了大部分问题,但仍有一些问题没有解决。我会尽力的。并将发布链接。多谢各位