diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..33b053c90ea5f18c19da91980424d2661efdcd72
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,42 @@
+# 4月7号笔记
+
+## `vue`的基本概念
+
+### 组件：
+
+`vue`应用是由组件构成的，组件是拥有预定义选项的一个`vue`的实例
+
+### 指令：
+
+特殊的`html`属性，以`v-`开头，提供数据绑定的事件监听等功能
+
+### 虚拟`DOM`：
+
+`vue`通过一个轻量级的虚拟`DOM`来渲染真实的`DOM`
+
+### 响应式原理：
+
+`vue`能够侦测到数据的变化，并自动更新到试图中
+
+## 安装环境
+
+```js
+npm install vue
+```
+
+## 创建一个新的`vue`项目
+
+```js
+vue create my-vue-app
+```
+
+## `dependencies`和`devDependencies`两者的区别
+
+```js
+dependencies是运行vue的必须依赖
+```
+
+```js
+devDependencies是在编写vue的过程中使用的工具包，在项目完成后就不在使用了
+```
+
diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e4cd4c19e5ed8ec9734e6adf749725f7921a67d3
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,29 @@
+# 4月9号笔记
+
+## 初始化`vue`
+
+```js
+npm i create-vue@latest
+```
+
+## `npm`安装的依赖地址
+
+```js
+npm config set registry=http://npm.soft.com
+```
+
+## `vue`组件的必要条件
+
+**`script`和`tempplate`两个要存在其一，不然无法运行**
+
+## 打包后的注意事项
+
+**在打包项目以后会在根目录下生成一个`dist`的文件夹**
+
+**打包以后的项目无法在`vscode`直接启动，需要通过托管软件运行，比如：`Apache`、`Nginx`等**
+
+## 根组件和入口
+
+**组件一般是`APP.vue`**
+
+**入口是`main.js`**
\ No newline at end of file
diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c960abf89500a5a2d571bda19b4edaa271449b97
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,58 @@
+# 4月11号笔记
+
+## 选项式和组合式
+
+```vue
+export drfault {
+	data(){
+		return{
+			msg:"内容"
+		}
+	},
+	methods:{
+		butClick(){
+			this.msg=333
+		}
+	}
+	mounted(){
+		this.msg='新内容'
+	}
+}
+```
+
+```vue
+v-html 用于解析html的标签实现在vue中渲染
+```
+
+### 组合式
+
+```vue
+import {ref} from 'vue'
+export default {
+
+	
+
+	setup(){
+		return{
+				msg='1'
+			}
+	}
+
+}	
+```
+
+#### `setup`语法糖写法
+
+```vue
+<script>
+	import {ref} from "vue"
+	let msg=1
+</script>
+```
+
+##### 文本插值
+
+```vue
+{{msg}} 
+```
+