首先，确保你已经安装了 Vant4：
npm install vant@next
然后，在你的 Vue 组件中引入 van-rate：
<template>
<div>
<van-rate v-model="rateValue" />
</div>
</template>
<script>
import { ref } from 'vue';
import { Rate } from 'vant';
import 'vant/lib/index.css'; // 引入样式
export default {
components: {
[Rate.name]: Rate,
},
setup() {
const rateValue = ref(0);
return {
rateValue,
};
},
};
</script>
在上面的例子中，我们使用了 van-rate 组件，并通过 v-model 指令将评分的值与一个 Vue 变量 rateValue 进行双向绑定。
van-rate 组件提供了一组星星，用户可以点击星星来进行评分。v-model 中的值表示当前的评分值，可以是小数。在这个例子中，我们初始化 rateValue 为 0。
你可以根据需要自定义 van-rate 组件的样式和其他属性。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5811/Vant