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 0000000000000000000000000000000000000000..81d298539bcc42c7a90e3d2a67c49b993c6b87eb
--- /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
