美文网首页VUE相关
微信小程序中引入第三方UI组件库vant

微信小程序中引入第三方UI组件库vant

作者: 伴歌知行 | 来源:发表于2020-07-10 10:27 被阅读0次

    Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用

    如何在微信小程序中引入vant

    1.在微信开发者工具—调试器中打开终端,输入npm init,回车


    此时会初始化一个package.json文件,文件信息可以输入也可以直接回车

    2、在终端中输入安装vant命令 npm i vant-weapp -S --production

    3、在微信开发者工具—工具—点击构建npm,构建后会生成miniprogram_npm文件夹

    4、在微信开发者工具—右侧详情—本地设置—勾选“使用npm模块”

    到这里已经安装完成,可以在项目中使用vant组件了

    1、在页面的json文件中引入需要的组件,注意路径要进行修改
    2、在页面的wxml文件中直接使用组件
    更多组件可以查看Vant Weapp官方文档

    相关文章

      网友评论

        本文标题:微信小程序中引入第三方UI组件库vant

        本文链接:https://www.haomeiwen.com/subject/knypcktx.html