组件:具有完整功能(html-视图,css-样式,js-逻辑),并且独立运行的模块
插件:通常是为了完成某项具体的业务功能而开发的js文件 例如:swiper.js,弹框.js,。。。。
类库:library,是提供了为了完成项目的工具方法的集合,跟具体的业务无关! 例如:jQuery,lodash.js
框架:framework,分 是为了快速完成项目搭建的基础。框架分:UI 框架和javaScript框架
wx小程序组件分为:
1.内置组件 可以直接使用
2.第三方组件 需要引用安装,然后才可以使用
推荐使用 小程序的UI框架
如何让小程序支持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页面上引入标签
3.自定义组件:自己开发组件,然后再项目中多处复用,提高开发效率,这也是组件化的核心思想
创建组件步骤
1.新建组件构造器 component
2. 在需要的页面xxx.json或全局app.json配置文件中引入自定义组件
3. 将组件显示到试图上