小程序组件介绍以及如何引入vant组件

1、组件介绍

组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块
插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。
类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js
框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架UI框架：boostStrap,Element UI,vant UI,iview,and Design.....javaScript框架：vue.js,React.js,Angular.js

2、小程序组件的分类

1. 内置组件：小程序内置的组件，直接拿来就可以使用，无需安装

   例如：view,text,image,button,swiper,switch…

2. 第三方组件:需要安装，引入，再使用，

3. 自定义组件，下篇博客再说

推荐基于小程序的UI框架：vant UI官方文档地址：https://vant-contrib.gitee.io/vant-weapp/#/intro

注：重点来了！！！

如何让小程序支持npm:

1. 先生成package.json : npm init -y

2. 再安装vant: npm i @vant/weapp -S --production

3. 再将 “app.json” 中的 "style": "v2" 删除

4. 勾选开发者工具-详情–本地设置-npm模块，如图所示：
   

5. 选择微信开发者工具-工具-构建npm，如图所示：
   

6. 使用第三方vant组件

​ 第一步：在app.json或当前页面的json文件中的usingComponents引入

​ 第二步：在wxml页面上引入标签

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！