diff --git "a/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md" "b/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8254b9a88bf0d506e88c4fa844b5156fdfb8f0e3
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md"
@@ -0,0 +1,29 @@
+# 笔记
+## v-bind class绑定
+```
+(1)
+js 定义obj，如果有-，加"",如
+
+{ active: isActive, 'text-danger': hasError };
+
+const obj = {
+  'is-active': true
+}
+
+template v-bind:class="obj"
+(2)
+template v-bind：class={txtfont:obj1,
+center:obj2}
+
+```
+
+## v-bind style绑定
+```
+(1)
+绑定对象
+v-bind:style=js中的对象
+(2)
+绑定数组
+v-bind style=[js中的对象,js中的对象,js中的对象]
+
+```
\ No newline at end of file
diff --git "a/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md" "b/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7081f64b0e6e4127f685bb032b58b03278057bef
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md"
@@ -0,0 +1,97 @@
+# 笔记
+
+```
+
+事件绑定 v-on=  @ 
+属性绑定 v-bind=:
+
+```
+
+## 事件绑定
+
+```
+<标签名 v-on:事件名="事件处理器">....<标签名>
+
+<div v-on :click="console.log(669)">669</div>
+```
+
+ - 事件名
+```
+click鼠标点击
+keydown键盘按下
+keyup键盘抬起
+mouseover鼠标移入
+mousemove鼠标移动
+input输入时就触发
+keyup键盘抬起
+```
+ - 事件修饰符
+```
+click.caption
+事件冒泡->事件捕获
+click.stop，click.self
+阻止传递
+```
+ ## 表单输入绑定
+```
+v-model=其他数据
+```
+
+ ## 源代码
+```
+<script setup>
+import { ref } from 'vue';
+
+
+let name=ref("");
+let gender=ref("")
+let age=ref("")
+let bookSource=ref([""])
+
+
+let st=()=>{
+  console.log(111)
+  console.log("姓名:"+name.value+",性别:"+gender.value)
+  console.log("您的年龄属于"+age.value)
+  console.log("您借书的来源有:"+bookSource.value)
+
+  alert("提交成功！！")
+}
+
+</script>
+
+<template>
+                  <h1>关于阅读情况的问卷调查</h1>
+                 <p><h3> <strong>基本信息</strong> </h3></p> 
+                 <p>
+                  姓名: <input v-model="name" type="text" placeholder="请输入姓名">
+                 性别:
+                  <select v-model="gender">
+                    <option value="">请选择性别</option>
+                  <option value="男">男</option>
+                  <option value="女">女</option>
+                  </select>
+                  </p> 
+                  <br><br>
+
+                  <h2>您的年龄处于:</h2>
+                  <input v-model="age" value="A.28岁以下" type="radio">A.28岁以下 <br>
+                  <input v-model="age" value="B.28-35岁" type="radio">B.28-35岁 <br>
+                  <input v-model="age" value="C.35-45岁" type="radio">C.35-45岁 <br>
+                  <input v-model="age" value="D.45-55岁" type="radio">D.45-55岁 <br>
+
+                  <h2>您所读书的来源:</h2>
+                  <input v-model="bookSource" value="A.购买" type="checkbox">A.购买 <br>
+                  <input v-model="bookSource" value="B.借朋友的" type="checkbox">B.借朋友的 <br>
+                  <input v-model="bookSource" value="C.借图书馆" type="checkbox">C.借图书馆 <br>
+                  <input v-model="bookSource" value="D.其他" type="checkbox">D.其他 <br>
+
+
+                  <h2>您所读书的来源:</h2>
+
+                  
+                  <p><input @click="st" type="button" value="提交"></p>
+
+</template>
+
+```
\ No newline at end of file
diff --git "a/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)" "b/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)"
new file mode 100644
index 0000000000000000000000000000000000000000..3dba0499684d575f85f3933e1cd3c42318a0b280
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)"
@@ -0,0 +1,168 @@
+<script setup>
+import { ref } from 'vue'
+
+ let arr=ref([
+        {
+      id:1,
+      studentnumber:18900101,
+      studentname:"小明",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:2,
+      studentnumber:18900102,
+      studentname:"小刚",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:3,
+      studentnumber:18900103,
+      studentname:"小刘",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:4,
+      studentnumber:18900104,
+      studentname:"小李",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:5,
+      studentnumber:18900105,
+      studentname:"小红",
+      gender:"女",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+
+ ])
+
+ let searchnum=ref("")
+ let fn=()=>{
+
+  if (searchnum.value=="") {
+    arr.value=[
+        {
+      id:1,
+      studentnumber:18900101,
+      studentname:"小明",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:2,
+      studentnumber:18900102,
+      studentname:"小刚",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:3,
+      studentnumber:18900103,
+      studentname:"小刘",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:4,
+      studentnumber:18900104,
+      studentname:"小李",
+      gender:"男",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      },
+        {
+          id:5,
+      studentnumber:18900105,
+      studentname:"小红",
+      gender:"女",
+      Chinese:100,
+      Math:90,
+      English:80,
+      total:270
+      }
+
+ ]
+  }else{
+    console.log(searchnum)
+  let result=arr.value.find(item=>item.studentnumber===Number(searchnum.value))
+  // 用filter方法通过过滤拿到新数组
+  arr.value=arr.value.filter(item=>item.id===result.id);
+  }
+
+
+ }
+</script>
+
+<template>
+  <p>
+  <input type="text" v-model="searchnum" placeholder="请输入学号查询学生">
+   <input @click="fn" type="button" value="搜索">
+  </p>
+  <br>  <br></br>
+  <table>
+    <tr>
+      <td>序号</td>
+      <td>学号</td>
+      <td>姓名</td>
+      <td>性别</td>
+      <td>语文</td>
+      <td>数学</td>
+      <td>英语</td>
+      <td>总分</td>
+    </tr>
+
+    <tr v-for="(item,index) in arr">
+      <td>{{ item.id }}</td>
+      <td>{{ item.studentnumber }}</td>
+      <td>{{ item.studentname }}</td>
+      <td>{{ item.gender }}</td>
+      <td>{{ item.Chinese }}</td>
+      <td>{{ item.Math }}</td>
+      <td>{{ item.English }}</td>
+      <td>{{ item.total }}</td>
+
+    </tr>
+  </table>
+</template>
+
+<style>
+table,tr,td{
+  border: 1px solid black;
+  border-collapse: collapse;
+}
+
+body{
+  align-items: center;
+  justify-self: center;
+}
+</style>
\ No newline at end of file
diff --git "a/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" "b/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7e173b146c26114fc3552d111be619ed010b56e0
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md"
@@ -0,0 +1,12 @@
+# 笔记
+
+## 表单修饰符
+```
+.lazy 修饰change事件(失去焦点)
+```
+
+## 生命周期函数(钩子函数)
+```
+引入onMount,然后直接在st里使用
+onMount(),监听页面所有挂载完成之后进行执行
+```
\ No newline at end of file