https://vant-contrib.gitee.io/vant/v2/#/zh-CN/toast
注册安装
import { Toast } from 'vant';
Vue.use(Toast)
两种使用方式
- 导入调用 ( 组件内 或 非组件中均可 )
比如main.js中也可以调用
![image-20240206182911948](https://img-blog.csdnimg.cn/img_convert/dc8d536158f3c4e0dd1305a6755834a8.png)
import { Toast } from 'vant';
Toast('提示内容');
- 通过this直接调用 ( **组件内 **)(更方便)
main.js
注册绑定到原型
本质:将方法,注册挂载到了Vue原型上 Vue.prototype.$toast = xxx
那么Vue上所有的组件都是可以访问到原型上的方法的
this.$toast('提示内容')