[Vue warn]：无法解析组件：

Question

我只是尝试在 Vue 中制作一个登录表单，但它返回

[Vue warn]：无法解析组件：v-text-field

和

[Vue warn]：无法解析组件：v-form

登录组件中的代码：

<template lang="html">
    
  <div>
    <v-form>
      <v-text-field v-model="loginInfo.username" label="Username"/>
      <v-text-field v-model="loginInfo.password" label="Password"/>
      <v-btn>Login</v-btn>
    </v-form>
  </div>
    
</template>
    
<script>
  export default {
    data() {
      return{
        loginInfo: {
           username:'',
           password:'',
        }
      }
    },
  }
</script>

Answer 1

我看到有两个选项可以回答这个问题：

您可以像在上面提供的代码中尝试那样使用 Vuetify.js。我建议您按照快速入门指南检查您是否正确使用 Vuetify.js 。

另一种选择是不使用 Vuetify.js，因此使用以下形式的常规 HTML 表达式：

<div>
    <form>
      <label for="username">Username</label>
      <input id="username" type="text" v-model="loginInfo.username"/>
      <label for="password">Password</Label>
      <input id="password" type="password" v-model="loginInfo.password"/>
      <input type="submit"value="Login" />
    </form>
</div>