diff --git a/readme.md b/readme.md
index 4cb2c7e6b084fe8c4625952aa88e9e6d1904d814..69130ea6725ab94a245236d76f122e6dd6d450ac 100644
--- a/readme.md
+++ b/readme.md
@@ -1 +1,3 @@
-## 21级软件2班 vue学习笔记
\ No newline at end of file
+# 21级软件2班 vue学习笔记
+## 老胡的录屏地址：https://www.aliyundrive.com/s/A85QkWqBJVf
+### oo的笔记
\ No newline at end of file
diff --git "a/\345\221\250\345\234\206/ 20230331-\345\261\236\346\200\247\347\273\221\345\256\232.md" "b/\345\221\250\345\234\206/ 20230331-\345\261\236\346\200\247\347\273\221\345\256\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..07fbfb24b1ba3d1ffe17a07f928f07ff1d38d551
--- /dev/null
+++ "b/\345\221\250\345\234\206/ 20230331-\345\261\236\346\200\247\347\273\221\345\256\232.md"	
@@ -0,0 +1,62 @@
+# Attribute 绑定
+## 简写
+因为 v-bind 非常常用，我们提供了特定的简写语法：
+
+<div :id="dynamicId"></div>
+开头为 : 的 attribute 可能和一般的 HTML attribute 看起来不太一样，但它的确是合法的 attribute 名称字符，并且所有支持 Vue 的浏览器都能正确解析它。此外，他们不会出现在最终渲染的 DOM 中。简写语法是可选的
+
+## 布尔型 Attribute
+
+布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。
+
+* isDisabled默认为true，为不显示；如果为false时，则显示
+```
+<template>
+  <HelloWorld msg="bdxz" bdxz="<font color=red>不当小猪</font>" id="10" isDisabled="true" />
+</template>
+
+defineProps({
+  msg: String,
+  bdxz:String,
+  id:Number,
+  isDisabled:Boolean
+})
+
+
+<template>
+  Vue{{ msg }}  {{ bdxz }}
+  <div v-html="bdxz"></div>
+  <div v-bind:id="id"></div>
+  <input type="button" :disabled="isDisabled" value="bdxz">
+</template>
+```
+
+## 动态绑定多个值
+如果你有像这样的一个包含多个 attribute 的 JavaScript 对象：
+```
+const testObj={
+  id:03,
+  class:'btnSave',
+  name:'bdxz'
+}
+```
+通过不带参数的 v-bind，你可以将它们绑定到单个元素上：
+
+```
+  <input type="text" v-bind="testObj">
+```
+
+## 使用 JavaScript 表达式
+
+仅支持表达式​
+每个绑定仅支持单一表达式，也就是一段能够被求值的 JavaScript 代码。一个简单的判断方法是是否可以合法地写在 return 后面。
+
+### 受限的全局访问​
+模板中的表达式将被沙盒化，仅能够访问到有限的全局对象列表。该列表中会暴露常用的内置全局对象，比如 Math 和 Date。
+
+没有显式包含在列表中的全局对象将不能在模板内表达式中访问，例如用户附加在 window 上的属性。然而，你也可以自行在 app.config.globalProperties 上显式地添加它们，供所有的 Vue 表达式使用。
+
+## 指令 Directives​
+指令是带有 v- 前缀的特殊 attribute。Vue 提供了许多内置指令，包括上面我们所介绍的 v-bind 和 v-html。
+
+指令 attribute 的期望值为一个 JavaScript 表达式 (除了少数几个例外，即之后要讨论到的 v-for、v-on 和 v-slot)。一个指令的任务是在其表达式的值变化时响应式地更新 DOM。
\ No newline at end of file
diff --git "a/\345\221\250\345\234\206/20230329-\345\210\235\350\257\206VUE.md" "b/\345\221\250\345\234\206/20230329-\345\210\235\350\257\206VUE.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5b364104766741adc67c4101e12c733b82422dac
--- /dev/null
+++ "b/\345\221\250\345\234\206/20230329-\345\210\235\350\257\206VUE.md"
@@ -0,0 +1,4 @@
+```js
+vue的组件按两种不同的语言书写：选项式和组合式
+步骤：设立项目-安装依赖-运行
+```
\ No newline at end of file
diff --git "a/\345\221\250\345\234\206/20230330-VUE\345\210\233\345\273\272\347\232\204\346\226\271\345\274\217.md" "b/\345\221\250\345\234\206/20230330-VUE\345\210\233\345\273\272\347\232\204\346\226\271\345\274\217.md"
new file mode 100644
index 0000000000000000000000000000000000000000..bf019e3a822cbd70d603e7f3a7d44fb8d14a6ad2
--- /dev/null
+++ "b/\345\221\250\345\234\206/20230330-VUE\345\210\233\345\273\272\347\232\204\346\226\271\345\274\217.md"
@@ -0,0 +1,23 @@
+```js
+1. win+r 输入cmd 回车
+2. npm init vue@latest
+出现以下界面：（一直回车即可）
+✔ Project name: … <your-project-name>
+✔ Add TypeScript? … No / Yes
+✔ Add JSX Support? … No / Yes
+✔ Add Vue Router for Single Page Application development? … No / Yes
+✔ Add Pinia for state management? … No / Yes
+✔ Add Vitest for Unit testing? … No / Yes
+✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
+✔ Add ESLint for code quality? … No / Yes
+✔ Add Prettier for code formatting? … No / Yes
+
+Scaffolding project in ./<your-project-name>...
+Done.
+
+> cd <your-project-name>
+> npm install
+> npm run dev
+
+3. 根据页面提示操作即可
+```
\ No newline at end of file