将调试内容抽离出Component

miniprogram/src/pages/index/login.vue

@@ -1,5 +1,4 @@
 <template>
-  <!--pages/login/login.wxml-->
   <view class="container">
     <view class="login-icon">
       <image class="login-img" src="../../image/icon/login-background.svg"></image>
@@ -7,9 +6,9 @@
     <view class="login-from">
       <view class="inputView">
         <!--账号-->
-        <input v-model="username" class="inputText" placeholder="账号" />
+        <input class="inputText" placeholder="账号" v-model="username" />
         <!--密码-->
-        <input v-model="password" class="inputText" placeholder="密码" password="true" />
+        <input class="inputText" placeholder="密码" v-model="password" password="true" />
       </view>
       <view class="loginBtnView">
         <!--按钮-->