首頁 探索 說明
登入
lovecoding
/
VIP26
9
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

fix:day25

e 1 年之前
父節點
a84eb41780
當前提交
aee8233d46
共有 2 個文件被更改，包括 59 次插入 和 9 次删除
統一視圖 顯示文件統計
  1. 10 9
      day25/html/4.vue方法使用.html
  2. 49 0
      day25/html/6.数据绑定.html

+ 10 - 9
day25/html/4.vue方法使用.html
查看文件 

@@ -12,15 +12,15 @@
 
     <script src="../vue.js"></script>
 
     <script src="../vue.js"></script>
 
     <script>
 
     <script>
 
         // function formData() {
 
         // function formData() {
 
-        //             var data = new Date();
 
-        //             var year = data.getFullYear();
 
-        //             var mouth = data.getMonth() + 1;
 
-        //             var day = data.getDate();
 
-        //             var hour = data.getHours();
 
-        //             var minutes = data.getMinutes();
 
-        //             var seconds = data.getSeconds();
 
-        //             this.timer =  year + '年' + mouth + '月' + day + '日' + hour + '时' + minutes + '分' + seconds + '秒'
 
-        //         }
 
+            // var data = new Date();
 
+            // var year = data.getFullYear();
 
+            // var mouth = data.getMonth() + 1;
 
+            // var day = data.getDate();
 
+            // var hour = data.getHours();
 
+            // var minutes = data.getMinutes();
 
+            // var seconds = data.getSeconds();
 
+            // this.timer =  year + '年' + mouth + '月' + day + '日' + hour + '时' + minutes + '分' + seconds + '秒'
 
+        //}
 
         var app = new Vue({
 
         var app = new Vue({
 
             el:"#app",
 
             el:"#app",
 
             data:{
 
             data:{
 
@@ -32,6 +32,7 @@
 
             },
 
             },
 
             // 方法
 
             // 方法
 
             methods: {
 
             methods: {
 
+                // 第二种
 
                 // formData
 
                 // formData
 
                 formData() {
 
                 formData() {
 
                     var data = new Date();
 
                     var data = new Date();

+ 49 - 0
day25/html/6.数据绑定.html
查看文件 

@@ -0,0 +1,49 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <!-- 双向数据绑定 v-model
 
+        用于表单内容里：输入框 文本域 下拉框 单选框 多选框
 
+
 
+    -->
 
+    <div id="app">
 
+        <div>{{val}}</div>
 
+        <input type="text" v-model="val">
 
+        单选：
 
+        <input type="radio" v-model="sex" value="男">男
 
+        <input type="radio" v-model="sex" value="女">女
 
+        多选：
 
+        <input type="checkbox" v-model="hobby" value="唱歌">唱歌
 
+        <input type="checkbox" v-model="hobby" value="222">跳舞
 
+        <input type="checkbox" v-model="hobby" value="画画">画画
 
+        <input type="checkbox" v-model="isCheck">是否勾选
 
+        文本域：
 
+        <textarea cols="30" rows="10" v-model="area"></textarea>
 
+        下拉框：
 
+        <select v-model="school">
 
+            <option value="小学">小学</option>
 
+            <option value="初中">初中</option>
 
+            <option value="高中">高中</option>
 
+            <option value="大学">大学</option>
 
+        </select>
 
+    </div>
 
+    <script src="../vue.js"></script>
 
+    <script>
 
+        var app = new Vue({
 
+            el: '#app',
 
+            data:{
 
+                val:"哈哈哈哈",
 
+                sex: '女',
 
+                hobby: ['画画','222'],
 
+                isCheck: false,
 
+                area: '文本区域',
 
+                school: '初中'
 
+            }
 
+        })
 
+    </script>
 
+</body>
 
+</html>