diff --git "a/\345\210\230\351\234\236/3.30/demo1.html" "b/\345\210\230\351\234\236/3.30/demo1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f4f2f6260d1086868b4caff5ead2c993e5999b99
--- /dev/null
+++ "b/\345\210\230\351\234\236/3.30/demo1.html"
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>模块语法</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<body>
+    <div id = "app">
+        <div>{{text}}(后面可以加东西)</div>
+        <div v-text = 'text'>我这里后面加东西也显示不出来</div>
+
+        <div>{{html}}</div>
+        <div v-html = 'html'>(这里加字段在浏览器上也看不到)</div>
+
+        <div>{{hihi}}</div>
+        <div v-bind:hihi='hihi'></div>
+
+        <div v-bind:class123 = 'class123'>饿饿饿饿饿饿(⊙﹏⊙)</div>
+        <div v-bind:disabled='dis'>我管你显示不显示，，，切🐧</div>
+
+        <div>{{num+"夏日缤纷·大作战"}}</div>
+        <div>{{ok?'把你变成猪 get！':'噢噢~ 失败'}}</div>
+
+        <!-- <div>{{val}}</div> -->
+            <!--trim()用于删除字符串的头尾空白符-->
+        <div>{{val.trim()}}</div>
+
+        <!-- 条件判断-->
+        <div v-if='undensdan'>(if)你可真是个小机灵鬼~</div>
+        <div v-else='undensdan'>(else)我家门前有两棵树，一颗是枣树，另一颗也是枣树</div>
+        <div v-show='undensdan'>(show)九宫格火锅</div>
+
+        <div v-on:click='click1'>点击</div>
+        <div v-on:click='click2()'>点点</div>
+
+
+
+    </div>
+<script>
+    let data = {
+        text:'今天学习模板语法',
+        html:'<span style="color: oldlace;"></span>',
+        hihi:'ohhhh,哈喽哈喽',
+        class123:undefined,
+        disabled:true,
+        num:2020,
+        ok:true,
+        val:'              a~ a~ 我~ 是~ 空~ 白~ 滴~     ',
+        undensdan:true,
+        click1:function(){
+            alert('！！!不！！！')
+        },
+        click2:function(){
+            alert('22222 click!!!!')
+        }
+
+
+    }
+    let vm = new Vue({
+        el:'#app',
+        data:data,
+        mokuai:{
+            echo:function(a){
+                let b= a;
+                return b;
+            },
+            click:function(){
+            alert('click')
+            }
+        }
+    });
+    
+</script>
+</body>
+</html>
\ No newline at end of file
