wepy使用

wepy框架的安装和使用

安装命令
npm install wepy-cli -g
创建wepy项目

在这里插入图片描述

wepy项目与小程序项目的关系

在这里插入图片描述

实时编译wepy项目

在这里插入图片描述

wepy项目目录结构

在这里插入图片描述

加载并配置wepy项目

在这里插入图片描述

.wpy文件使用说明

在这里插入图片描述

lang和src属性

在这里插入图片描述

配置代码高亮

在这里插入图片描述

小程序入口文件app.wpy

在这里插入图片描述

使用app.wpy全局配置小程序外观

在这里插入图片描述

页面.wpy文件的script标签组成结构

在这里插入图片描述

wepy框架的开发规范

自定义默认首页
创建home首页

在这里插入图片描述

设置默认首页

在这里插入图片描述

创建.wpy页面注意事项

在这里插入图片描述

为wepy页面绑定事件并传参
使用@绑定事件处理函数

在这里插入图片描述

事件传参的优化写法

在这里插入图片描述

定义事件处理函数的注意点

在这里插入图片描述

wepy页面的数据绑定
使用data定义私有数据

在这里插入图片描述

将文本框与data做双向数据绑定

在这里插入图片描述

使用wxs脚本

在这里插入图片描述

wepy页面中发起数据请求
配置promisify启用async和await

在这里插入图片描述

使用wepy.request发起get请求

在这里插入图片描述

使用wepy.request发起post请求

在这里插入图片描述

异步更新数据

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42802170/article/details/106232002
今日推荐