小程序的使用

一，小程序如果要引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)

}})