Vue.js VueJS，我们可以观察多个变量吗？或者有更简单的方法进行数据验证吗？

使用窗体在VueJS中工作。出于隐私/数据敏感的原因，我不发布表格，因为我希望保留客户端的信息。所以没有PHP验证

我将输入从可能的代码中剥离出来，如下所示，但应该可以做得更短。我是个初学者，所以请记住。例如，如果使用某个函数，该函数在VUE部分的哪个位置

当replace函数触发时，是否也可以将变量更改为包含触发字符串“*输入的无效字符”

想想看，如果表单输入停留在客户端，它仍然是一个漏洞吗

 new Vue({
        el: '#app',
        data: {
            clienTyp: 'B.V.',
            companyName: '',
            noSigCompany: 1,
            n: 0,
            companyAddress: '',
            companyNumber: '',
            companyShortName: '',
            personAddress: '',
            personName: '',
            personShortName: '',
            personPOB: '',
            personDOB: '',
        },
        watch: {
            companyName(val) {
                this.companyName = val.replace(/[<>"'`$]/g, "");
            },
            companyAddress(val) {
                this.companyAddress = val.replace(/[<>"'`$]/g, "");
            },
            companyNumber(val) {
                this.companyNumber = val.replace(/[<>"'`$]/g, "");
            },
            companyShortName(val) {
                this.companyShortName = val.replace(/[<>"'`$]/g, "");
            },
            personAddress(val) {
                this.personAddress = val.replace(/[<>"'`$]/g, "");
            },
            personName(val) {
                this.personName = val.replace(/[<>"'`$]/g, "");
            },
            personShortName(val) {
                this.personShortName = val.replace(/[<>"'`$]/g, "");
            },
            personPOB(val) {
                this.personPOB = val.replace(/[<>"'`$]/g, "");
            },
            personDOB(val) {
                this.personDOB = val.replace(/[<>"'`$]/g, "");
            },

newvue({
el:“#应用程序”，
数据：{
客户类型：“B.V.”，
公司名称：''，
诺西克公司：1，
n:0，
公司地址：''，
公司编号：''，
公司名称：''，
人物地址：''，
人名：“”，
personShortName:“”，
个人观点：''，
personDOB:“，
},
观察：{
公司名称（val）{
this.companyName=val.replace（/[“``$]/g，”）；
},
公司地址（val）{
this.companyAddress=val.replace（/[“``$]/g，”）；
},
公司编号（val）{
this.companyNumber=val.replace（/[“``$]/g，”）；
},
公司短名称（val）{
this.companyShortName=val.replace（/[“``$]/g，”）；
},
人物地址（val）{
this.personAddress=val.replace（/[“``$]/g，”）；
},
人名（val）{
this.personName=val.replace（/[“``$]/g，”）；
},
个人姓名（val）{
this.personShortName=val.replace（/[“``$]/g，”）；
},
人事部（val）{
this.personPOB=val.replace（/[“``$]/g，”）；
},
personDOB（val）{
this.personDOB=val.replace（/[“``$]/g，”）；
},

只要确保输入被转义，输入的字符就无关紧要了。但是确保在服务器端验证，您可以始终围绕一个界面工作。另外，可能值得一看Valdations。您可以使用vee validate插件进行前端验证。我发现它对表单非常有用验证。