小程序组件

最新推荐文章于 2024-11-04 10:10:51 发布

yin_mkajs

最新推荐文章于 2024-11-04 10:10:51 发布

阅读量100

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/yin_mkajs/article/details/115643177

版权

本文介绍了前端开发中的核心概念，包括组件、插件、类库和框架的区别与应用。组件是具有独立功能的模块；插件是用于实现特定业务功能的JS文件；类库提供通用工具方法；框架则为项目搭建提供基础，如UI框架（如Vant UI）和JavaScript框架（如Vue.js）。此外，还详细讲解了小程序组件的分类，包括内置组件和第三方组件的使用步骤，并推荐了 vantUI 作为小程序UI框架。

摘要由CSDN通过智能技术生成

1、组件是什么？

组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块

正好科普一下插件、类库、框架

2、插件：

通常是为了完成某项具体的业务功能而开发的js文件例如：swiper.js,弹框.js，。。。。

3、类库:

library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！例如：jQuery,lodash.js

4、框架:

framework,分是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架

UI框架：boostStrap,Element UI,vant UI,iview,and Design…
javaScript框架：vue.js,React.js,Angular.js

5、小程序组件分类
（1）内置组件：小程序内置的组件，直接拿来就可以使用，无需安装

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

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

推荐基于小程序的UI框架：vant UI
官方文档地址：https://vant-contrib.gitee.io/vant-weapp/#/intro
1、生成package.json:npm init -y
2、安装vant: npm i @vant/weapp -S --production
3、将 app.json 中的 "style": "v2" 去除
4、勾选开发者工具-详情–本地设置-npm模块

5、
6、使用第三方vant组件
第一步：在app.json或当前页面的json文件中的usingComponents引入
第二步：在wxml页面上引入标签