From 9e5f99207e99557771edf596bb6e044722528efb Mon Sep 17 00:00:00 2001
From: liu <3207586618@qq.com>
Date: Fri, 28 May 2021 11:39:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=8A=E6=97=A5=E4=BB=BD=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...e\347\254\254\344\270\211\350\257\276).md" | 73 +++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 "\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-28(Vue\347\254\254\344\270\211\350\257\276).md"

diff --git "a/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-28(Vue\347\254\254\344\270\211\350\257\276).md" "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-28(Vue\347\254\254\344\270\211\350\257\276).md"
new file mode 100644
index 0000000..d9c13b0
--- /dev/null
+++ "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-5-28(Vue\347\254\254\344\270\211\350\257\276).md"
@@ -0,0 +1,73 @@
+## 今天天气蛮好的，讲了实例生命周期钩子和生命周期图示等等。
+
+
+### 项目原本要求：原型设计，数据库表设计（采用蓝湖设计）。
+
+#### 实例生命周期钩子
+
++ Vue 实例的生命周期顾名思义，就是当一个Vue实例从创建、到运行、销毁都是有一个过程的，然而这些过程就称当为Vue实例生命周期。
+
++ Vue 也有一个公式：生命周期钩子 = 生命周期函数 = 生命周期事件
+
+```
+  <div id="app">
+
+          {{thiinkName}}
+          <br>
+          {{bingTo}}
+          <br>
+          {{opop}}
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+
+   <script>
+
+       let data={
+           thiinkName:'OPOP品牌',
+           bingTo:'一加',
+           opop:'小米'
+       }
+
+       data.Are='荣耀';   //  这里需要注意的是，当data.Are ='xxx' 在 new Vue 后面的话就需要注意一下了，在运行过程中式看不到的。
+
+       let app=new Vue({
+           el:'#app',
+           data: data,
+        //    template:'<h1>如果我是DJ，DJ</h1>'
+
+       })
+
+       console.log(data);
+
+       console.log(app.thiinkName===data.thiinkName);
+   </script>
+
+```
+
++  生命周期分类:
+
+
+1. 创建期间的生命周期函数：
+
++ beforeCreate: 实例刚在内存中被创建出来，此时，还没有完成初始化好 data 和 methods 属性
+
++ created: 实例已经在内存中创建 OK ,此时 data 和 methods 已经创建 Ok 此时还没有开始编译模板。
+
++ beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中
+
++ mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示
+
+- 运行期间的生命周期函数：
+
++ beforeUpdate：状态更新之前执行此函数， 此时 data 中的状态值是最新的，但是界面上显示的 数据还是旧的，因为此时还没有开始重新渲染DOM节点
+
++ updated：实例更新完毕之后调用此函数，此时 data 中的状态值 和 界面上显示的数据，都已经完成了更新，界面已经被重新渲染好了！
+ 
+- 销毁期间的生命周期函数：
+ 
++ beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。
+
++ destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
+
+
-- 
Gitee