前言
前端开发的时候,在项目中引入组件以及使用是非常常见操作,但是有时候会遇到一些引入的方式不对或者其他原因造成的使用问题、引起报错等问题,尤其是对于刚入行不久的萌新来说更是要留意,本篇文章就来分享一下在Vue项目中全局引入组件的方式,以及组件在具体地方使用的方法。
本文以在Vue项目中的Vant组件下的Toast提示框的引入以及使用为例,Vant官方文档讲解有些不清楚,在这里进行了更进一步的讲解,方便不清楚的开发者使用,知识点不复杂,但是对于不熟悉的人来说还是会遇到一些小麻烦,废话不多说,具体内容如下所示。
引入方法
打开Vue项目,然后根据Vant官方文档的步骤,可以直接引入组件,这里以Toast提示框的引入来介绍,具体操作如下所示:
1、找到Vue项目的main.js文件,点击打开进入;
2、在main.js文件中引入Toast提示框,代码如下所示:
import Vue from 'vue'
import { Toast } from 'vant';
Vue.use(Toast);