一,小程序如果要引vant组件,要先安装依赖包
npm init -y
npm i @vant/weapp -S --production
2 使用
新建项目后把AppID,改为自己的id
新建页面:
在 pages 中新建文件夹
然后右键新建page即可
修改项目首页:
app.json -> pages中的页面路径第一个即是首页,换位置,记得逗号
3 。项目文件结构介绍
1.. pages 所有小程序的页面文件夹
2.. app.js 全局配置逻辑
3.. app.json 全局配置文件
4.. app.wxss 全局样式文件
5.. sitemap.json 页面是否允许被微信搜到
6.. js 文件:页面脚本文件,存放页面的数据、事件处理函数等
7.. json 文件:当前页面的配置文件,配置窗口的外观
8.. wxml 文件:页面的模板结构文件,标签语言
9.. wxss 文件:样式表文件,样式语言
4 监听与同步异步
// 分享朋友圈
onShareTimeline(){},
// 添加收藏
onAddToFavorites(){},
// 滚动监听
onPageScroll(){},
onReachBottom
触底
onPullDownRefresh
下拉
5、数据绑定
Page({ data: {
info: 'hello world',
imgSrc: 'http',
randomNum2: 1)
}})
![](https://i-blog.csdnimg.cn/blog_migrate/609bf188f938f1654675ea4c81efc72d.png)