diff --git "a/\345\260\271\345\260\221\347\232\207/note 2021-05-25.md" "b/\345\260\271\345\260\221\347\232\207/note 2021-05-25.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a4cffeea8869dd842c5b941f9c7d1e4155035da8
--- /dev/null
+++ "b/\345\260\271\345\260\221\347\232\207/note 2021-05-25.md"	
@@ -0,0 +1,31 @@
+# 课堂笔记_01
+## Vue的学习
+### Vue是一套用于构建用户界面的渐进式框架，Vue被设计可以自底向上逐层应用
+### Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合
+### 引入Vue：
+```
+<!-- 开发环境版本，包含了有帮助的命令行警告 -->
+<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+```
+### 声明式渲染：
+```
+<div id="net">
+        //鼠标悬停几秒可看见“ue”（知道吧？）
+        <span v-bind:title="ue">
+            你知道没事
+        </span>
+
+        //条件：控制一个元素是否显示
+        <p v-if="netSee">能量不会凭空产生,也不会凭空消灭，只会从一种形式转化为另一种形式，或从一个物体转移到另一个物体</p>
+    </div>
+
+```
+```
+        var net=new Vue({
+            el:'#net',
+            data:{
+                ue:"知道吧？",
+                netSee:true
+            }
+        });
+```
diff --git "a/\345\260\271\345\260\221\347\232\207/note 2021-05-26.md" "b/\345\260\271\345\260\221\347\232\207/note 2021-05-26.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b3cabee64f51c1e945f4b46d77b7556c7e207011
--- /dev/null
+++ "b/\345\260\271\345\260\221\347\232\207/note 2021-05-26.md"	
@@ -0,0 +1,37 @@
+# 课堂笔记_02
+## Vued的学习（第二次课）
+### if-else条件判断 for循环 
+### computed属性：computed依赖data里的变量，绑定username，password；computed中的msg方法返回实现双向绑定
+```
+<input type="text" v-model="dc.username">
+<input type="text" v-model="dc.password">
+
+
+<label for="">{{msg}}</label>
+```
+```
+dc: {
+        username: '',
+        password: '',
+    },
+computed: {
+        msg: function () {
+            return `🌤你的名字：${this.dc.username}，🌤你的秘密：${this.dc.password}`;
+        }
+    }
+```
+### 组件化应用构建：component定义一个新组件，用于构建另一个组件模板 prop 类似于一个自定义attribute（元素标签的属性）
+```
+<to-item v-for="item in toDos" v-bind:x="item"></to-item>
+```
+```
+Vue.component('to-item',{
+    props:['x'],
+    template:`
+    <tr>
+        <td>{{x.id}}</td>
+        <td>{{x.cont}}</td>
+    </tr>
+    `
+});
+```
\ No newline at end of file