Vue - vant安装(引用babel-plugin-import实现自动按需引入组件)

Posted 2023-04-22

参考技术A 以Vant 为例：

首先安装vant

安装 babel-plugin-import 插件

也可以通过图形化界面安装

vant组件库 vue及小程序

参考技术A https://vant-contrib.gitee.io/vant/#/zh-CN/home

vue使用vant组件库

//npm安装vant组件库后 在main.js中按需引入所需组件

import Button from 'vant';
Vue.use(Button);

https://youzan.github.io/vant-weapp/#/quickstart

引入某个组件 js文件中
import Toast from '@vant/weapp/toast/toast';

showtxt()
Toast('我是提示文案，建议不超过十五字~');
,

wxml中：
<van-button type="info" bindtap="showtxt">点击弹出事件</van-button>
<van-toast id="van-toast" />