【Vue】toast 轻提示

本文主要是介绍【Vue】toast 轻提示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

https://vant-contrib.gitee.io/vant/v2/#/zh-CN/toast

注册安装

import { Toast } from 'vant';
Vue.use(Toast)

两种使用方式

1. 导入调用 ( 组件内 或 非组件中均可 )

比如main.js中也可以调用

import { Toast } from 'vant';
Toast('提示内容');

2. 通过this直接调用 ( **组件内 **)（更方便）

main.js 注册绑定到原型

本质：将方法，注册挂载到了Vue原型上 Vue.prototype.$toast = xxx

那么Vue上所有的组件都是可以访问到原型上的方法的

this.$toast('提示内容')

这篇关于【Vue】toast 轻提示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---