1.4vant组件库中使用field组件

• https://vant-contrib.gitee.io/vant/#/zh-CN/field

首先在 main.js 中引入

import { Field, CellGroup } from 'vant';

然后在 main.js 中注入组件

app.use(Field);
app.use(CellGroup);

基础用法

<!-- 可以使用 CellGroup 作为容器 -->
<van-cell-group inset>
    <van-field v-model="username" label="文本" placeholder="请输入用户名" />
</van-cell-group>

<!-- js部分 -->
<script setup>
    import { ref,reactive} from "vue"
    const username = ref("");
</script>