三分钟带你了解微信小程序开发

我们为什么要学习微信小程序

1. 微信有海量的用户, 而且粘性很高, 在微信里开发产品更容易触达用户;
2. 从零开始推广app或者公众号的成本太高
3. 因为微信小程序帮你做好了很多的跨平台操作,所以它的开发适配成本低
4. 容易规模试错, 然后快速迭代,优化
5. 微信小程序帮你做好了跨平台操作

好的不多废话第一步注册微信开发者账号/下载微信开发者工具

微信公众平台微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

接下来给大家介绍一下wx小程序的项目结构

小程序常用组件

view

 view组件：相当于一个盒子，可以用来装一些别的组件  可以理解为div

text

text组件：主要用来显示文字的

input

input组件主要用来获取用户输入的信息的，一般在用户填写信息，提交数据，登录注册时会用到。

button

button 组件：是按钮组件，自带默认的按钮效果，我们后面会经常用到

常用事件

bindtap  用于点击事件

bindinput  用于用户输入事件

bindconfim  用于确认（电脑回车键/手机确认键）

bindchange  表单值发生变化

事件传参

<button bindtap="showMsg" data-msg="小程序">小程序</button>

获取参数

showMsg(e){
  let msg=e.currentTarget.dataset.msg;
  wx.showToast({
    title: 'hello '+msg,
    icon:"loading"
  })
}