From 2284ce1166d05a36294eb1cd0ed8c15207fa2c66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=A9=89=E5=A9=B7?= <1029854305@qq.com>
Date: Sun, 19 May 2024 16:35:36 +0800
Subject: [PATCH] .

---
 .../20240419.md"                              |  3 --
 ...41\346\235\277\350\257\255\346\263\225.md" | 46 +++++++++++++++++++
 2 files changed, 46 insertions(+), 3 deletions(-)
 delete mode 100644 "\347\231\275\345\251\211\345\251\267/20240419.md"
 create mode 100644 "\347\231\275\345\251\211\345\251\267/20240419\346\250\241\346\235\277\350\257\255\346\263\225.md"

diff --git "a/\347\231\275\345\251\211\345\251\267/20240419.md" "b/\347\231\275\345\251\211\345\251\267/20240419.md"
deleted file mode 100644
index e5fb5b1..0000000
--- "a/\347\231\275\345\251\211\345\251\267/20240419.md"
+++ /dev/null
@@ -1,3 +0,0 @@
-## innerHtml 
-表示这个节点的内部元素/节点
-## template属性 主键模板 为空时，采用挂载的innerHtml作为模板
\ No newline at end of file
diff --git "a/\347\231\275\345\251\211\345\251\267/20240419\346\250\241\346\235\277\350\257\255\346\263\225.md" "b/\347\231\275\345\251\211\345\251\267/20240419\346\250\241\346\235\277\350\257\255\346\263\225.md"
new file mode 100644
index 0000000..8294a01
--- /dev/null
+++ "b/\347\231\275\345\251\211\345\251\267/20240419\346\250\241\346\235\277\350\257\255\346\263\225.md"
@@ -0,0 +1,46 @@
+## innerHtml 
+表示这个节点的内部元素/节点
+## template属性 主键模板 为空时，采用挂载的innerHtml作为模板
+
+##  单文件组件 组合式写法 
+    main.js里 通过import导入写好的.vue文件
+        import { createApp } from 'vue'
+        import './style.css'
+        import App from './App.vue' /* ！！！ */
+
+        import Aaa from "./components/Aaa.vue";
+
+        const app = createApp(App);
+
+        app.component('xyz',Aaa); /* ！！！ */
+
+        app.mount('#app')
+    在主页面App.vue里添加
+        <xyz></xyz>
+
+## 模板语法 与dom元素产生联系的桥梁
+1. v-model.lazy 懒加载 //延迟生效
+
+2. 动态参数 v-bind v-on 改变标签属性
+    例： 把http://baidu.com 改为app
+
+        const sonme = ref('herf')
+        const sonmeValue=ref('http://baidu.com')
+        function click() {
+            sonmeValue.value="app"
+        };
+        </script>
+        <template>
+            <a v-bind:[sonme]="sonmeValue" >222</a>
+            <input type="button" value="hello" @click="click">
+        </template>
+3. ！！！！！！
+   v-bind 绑定标签或者组件的属性 缩写为 “ : ”
+   v-on 绑定标签或者组件的事件，为其绑定处理函数（绑定后的逻辑是：当被绑定事件发生时，被绑定的函数就会执行）
+   v-model 绑定表单项的关键字语法
+   v-for  循环某指定标签或者组件
+   v-if v-if-else v-else 判断是否渲染标签或者dom元素
+   v-show 判断是否显示标签或者dom元素
+   v-html 渲染原始的标签元素到指定元素上 （！尽量少使用！影响安全性）
+   v-once 只渲染一次值到指定标签
+   v-memo 
\ No newline at end of file
-- 
Gitee