vant你确定不想要吗(vue3)？

一、引入

一、全局注册组件

import { Button } from 'vant';
import 'vant/lib/index.css';
app.use(Button);

二、局部注册组件

1、方式一

import { Button } from 'vant'

export default {
    components: {
        [Button.name]: Button
    }
}

2、方式二

//setup语法
<script setup>
import { Button as vanButton } from 'vant'
</script>

二、List组件-数据懒加载

1、样式修改

:deep(.van-cell__value){
    text-align: left;
}

2、扩展运算符

三、IndexBar组件-索引栏

1、Object.keys

2、pinia在vue3中的使用(一个store引入另一个store)

import useCityStore from "./cityStore";

//引用另一个store
const cityStore = useCityStore()

这篇文章有点水，大家凑活着看吧！