小程序项目搭建

使用uni-app作为框架，Chrome作为调试工具。

https://uniapp.dcloud.io/frame

目录

为什么选择uni-app

环境部署

为什么（点解？？？）

主要是这个原因 -- 90%兼容vue，上手成本低

# 数据双向绑定
<img :src="imgSrc"/>
<input v-model="reason" placeholder="填写理由" class='reason'/>

<image src="{
   {imgSrc}}"></image>
<input bindinput="bindReason" placeholder="填写理由" value='{
   {reason}}' name='reason' />

当表单内容发生变化时，会触发表单元素上绑定的方法，然后在该方法中，通过this.setData({
   key:value})来将表单上的值赋值给data中的对应值

Page({
   
    data:{
   
        reason:''
    },
	bindReason(e) {
   
        this.setData({
   
          reason: e.detail.value
        })
  	}
})

# 取值
vue中，通过this