init

xhs-mini-demos/component-case/two-way-bindings/two-way-bindings.css

@@ -0,0 +1,9 @@
+.input {
+  margin: 15px auto;
+  width: 80%;
+  /* border-bottom: 1px solid black; */
+}
+.text {
+  margin: 15px auto;
+  width: 80%;
+}

xhs-mini-demos/component-case/two-way-bindings/two-way-bindings.js

@@ -0,0 +1,69 @@
+// miniprogram/page/API/pages/two-way-bindings/two-way-bindings.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    value: '',
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+    return {
+      title: '双向绑定',
+      path: 'packageAPI/pages/make-phone-call/make-phone-call',
+    };
+  },
+});

xhs-mini-demos/component-case/two-way-bindings/two-way-bindings.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "two-way-bindings"
+}

xhs-mini-demos/component-case/two-way-bindings/two-way-bindings.xhsml

@@ -0,0 +1,8 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section">
+      <input class="input" model:value="{{value}}" placeholder="请输入"/>
+      <view class="text">这是你输入的数据：{{value}}</view>
+    </view>
+  </view>
+</view>