程序员的资源宝库

网站首页 > gitee 正文

vant下载依赖及按需使用 vant文档下载

sanyeah 2024-03-29 15:21:01 gitee 12 ℃ 0 评论

1、第一步:
npm i vant -S
2、第二步: 安装 babel-plugin-import 插件,babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
npm i babel-plugin-import -D
3、第三步:在.babelrc文件中配置plugins(在启动项目目录中)

 

 

 把里面的 plugins 替换成这个
"plugins": [
“transform-vue-jsx”,
“transform-runtime”,
[“import”, [{ “libraryName”: “vant”, “style”: true }]]
],

4、按需要引入vant组件,比如我们要在HelloWord.vue组件中使用 Loading 组件,我们可以先 在组件中引入

import { Toast, Popup} from 'vant';
export default {
    components: {
        [Popup.name]: Popup,
        [Toast.name]: Toast,
       },
}

5、组件使用

<van-popup v-model="isAlreadyGz">
     <div class="bottom">
          <span @click="goFindDoctor">找名医问诊</span>
     </div>
</van-popup>

 

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表