From 3534f860df241f6577819b1161963d1642594472 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E7=BE=8E=E9=9B=AA?= <3140918699@qq.com>
Date: Tue, 29 Mar 2022 17:05:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vue-03-29/firstvue.html"                  | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 "\346\235\250\347\276\216\351\233\252/vue-03-29/firstvue.html"
diff --git "a/\346\235\250\347\276\216\351\233\252/vue-03-29/firstvue.html" "b/\346\235\250\347\276\216\351\233\252/vue-03-29/firstvue.html"
new file mode 100644
index 0000000..81d2985
--- /dev/null
+++ "b/\346\235\250\347\276\216\351\233\252/vue-03-29/firstvue.html"
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <title>第一个vue案例</title>
+</head>
+<style>
+    div{
+        width: 400px;
+        background-color:pink;
+    }
+</style>
+<body>
+        <div class="el">
+         {{message}}<br>
+          {{mulit.msg}}<br>
+          {{show}}
+        </div>
+    
+</body>
+<script>
+    //作业：
+let vm = new Vue({
+    el:'.el',
+    data:{
+        message:'how are you 请问需要来点什么？',
+        show:'感觉味道好极了！！'+new Date().toLocaleString(),
+        mulit:{
+            msg:'不好，要饿死了，来点主食比如米饭什么的',
+        }//，
+        //func:function(){
+        //alert("hello vue");
+        //}
+     }
+});
+
+//对象可以调用属性与方法，怎么去调取我们输入的参数
+console.log(vm.$el);
+
+//原生的js获取dom元素
+console.log(document.getElementById("el"));
+console.log(vm.$el===document.getElementById("el"));
+
+//data数据调取
+//console.log(vm.data.message);错误调用
+console.log(vm.message);
+console.log(vm.$data.message);
+
+
+//watch 方法
+vm.$watch('message', function(newValue, oldValue){
+    console.log(newValue, oldValue);
+});
+</script>
+</html>
\ No newline at end of file
-- 
Gitee

