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 0000000000000000000000000000000000000000..d9c13b0e6faf1f5911a05c2800a2b0d3711fca84
--- /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 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
+
+