关于vue.js:如果删除ID div,为什么在Vue中无法对输入进行电子邮件验证

 2021-04-27 

Why email validation in Vue for input doesn't work if id div is removed

我是Vue.js的新手,我想在此Codepen中学习(不是我的),为什么如果我们删除id = " app "的div却无法呈现电子邮件验证程序输入字段。

1
2
    <span class="input-group-addon" id="basic-addon1"><span class="fa fa-envelope"></span></span>
    <input type="email" class="form-control" placeholder="Email Address" v-model="email" />

我想在我的单个文件组件(即(.vue))中起诉此电子邮件验证程序输入字段,如果我添加属性el: '#app'仍然无法在控制台中找到元素应用程序。即使我将div保留为id="app"

我尝试过:

1
2
    <span class="input-group-addon" id="basic-addon1"><span class="fa fa-envelope"></span></span>
    <input type="email" class="form-control" placeholder="Email Address" v-model="email" />

使其适合我的单个文件组件,但不起作用!


这是因为Vue不知道在哪里安装。

在脚本中看到new Vue({ el: '#app'?如果要更改ID,请同时更改div ID和el值。如果将其删除,则需要找到另一种安装方式。