From a5544a172f8735a92efc2b84a8aa7637128c98c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E9=91=AB?= <2772995843@qq.com>
Date: Wed, 30 Mar 2022 11:22:40 +0800
Subject: [PATCH] vue

---
 .../2022.03.29 Vue/demo.html"                 | 36 +++++++++++++++
 .../2022.03.30/demo2.html"                    | 45 +++++++++++++++++++
 2 files changed, 81 insertions(+)
 create mode 100644 "\346\236\227\351\221\253/2022.03.29 Vue/demo.html"
 create mode 100644 "\346\236\227\351\221\253/2022.03.30/demo2.html"
diff --git "a/\346\236\227\351\221\253/2022.03.29 Vue/demo.html" "b/\346\236\227\351\221\253/2022.03.29 Vue/demo.html"
new file mode 100644
index 0000000..65e30f3
--- /dev/null
+++ "b/\346\236\227\351\221\253/2022.03.29 Vue/demo.html"	
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>模板语法</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+</head>
+
+<body>
+    <div id="el"> 
+        {{message}}<br>
+        {{message}}<br>
+        {{message}}<br>
+        {{message}}<br>
+        {{message}}<br>
+        {{muilt.msg}}<br>
+        {{show}}
+      </div>    
+</body>
+<script>
+     let vm = new Vue({
+        el:"#el",
+        data:{
+            message:'hello vue',
+            show:'show vue',
+            muilt:{
+                msg:'muilt',
+            }
+        }
+    });
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/2022.03.30/demo2.html" "b/\346\236\227\351\221\253/2022.03.30/demo2.html"
new file mode 100644
index 0000000..eb02544
--- /dev/null
+++ "b/\346\236\227\351\221\253/2022.03.30/demo2.html"
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+</head>
+<body>
+    <div id="app">
+        <div v-text='text'></div>
+        <div v-html='html'></div>
+        <div v-bind:aaa='aaa'></div>
+        <!-- <div v-bind:class='class1'></div> -->
+        <div v-if='result'>if</div>
+        <div v-else='result'>else</div>
+        <div v-show='result'>show</div>
+        <div v-on:click='click'>点我</div>
+        <!-- <div v-bind:[attributeName]='url'></div> -->
+        <a v-bind:href="url">...</a>
+        <a :href="url">aaa</a>
+        <a @click=click>点点点</a>
+    </div>
+    <script>
+        let data = {
+            text:'文本输出',
+            html:'<h1>h1</h1>',
+            id:'demo111',
+            aaa:'1',
+            result:false,
+            // attributeName:
+            url:'https://www.baidu.com'
+        }
+        let vue = new Vue({
+            el:'#app',
+            data:data,
+            methods:{
+                click:function(){
+                    alert('小可爱')
+                }
+            }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
-- 
Gitee

