From 558795b4277a7d5ea497999f517fe0ca684754d8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B7=B7=E5=AD=90?= <3127903295@qq.com> Date: Sun, 26 Apr 2026 22:32:16 +0800 Subject: [PATCH] 1 --- ...256\260-vue.js\347\254\224\350\256\260.md" | 13 ++++++++++ ...60\346\215\256\347\273\221\345\256\232.md" | 24 +++++++++++++++++++ ...41\347\256\227\345\261\236\346\200\247.md" | 17 +++++++++++++ ...50\256\260-vue\346\214\207\344\273\244.md" | 18 ++++++++++++++ 4 files changed, 72 insertions(+) create mode 100644 "\345\217\262\345\256\227\347\203\201/20260420\347\254\224\350\256\260-vue.js\347\254\224\350\256\260.md" create mode 100644 "\345\217\262\345\256\227\347\203\201/20260422\347\254\224\350\256\260-vue\346\225\260\346\215\256\347\273\221\345\256\232.md" create mode 100644 "\345\217\262\345\256\227\347\203\201/20260423\347\254\224\350\256\260-vue\350\256\241\347\256\227\345\261\236\346\200\247.md" create mode 100644 "\345\217\262\345\256\227\347\203\201/20260424\347\254\224\350\256\260-vue\346\214\207\344\273\244.md" diff --git "a/\345\217\262\345\256\227\347\203\201/20260420\347\254\224\350\256\260-vue.js\347\254\224\350\256\260.md" "b/\345\217\262\345\256\227\347\203\201/20260420\347\254\224\350\256\260-vue.js\347\254\224\350\256\260.md" new file mode 100644 index 0000000..55fe49c --- /dev/null +++ "b/\345\217\262\345\256\227\347\203\201/20260420\347\254\224\350\256\260-vue.js\347\254\224\350\256\260.md" @@ -0,0 +1,13 @@ +## 笔记 +初识vue笔记 + +```bash + +yarn create vue 项目名 +cd 名称 进入文件夹 +yarn 安装 +yarn dev 启动项目 + +``` + +## 练习 \ No newline at end of file diff --git "a/\345\217\262\345\256\227\347\203\201/20260422\347\254\224\350\256\260-vue\346\225\260\346\215\256\347\273\221\345\256\232.md" "b/\345\217\262\345\256\227\347\203\201/20260422\347\254\224\350\256\260-vue\346\225\260\346\215\256\347\273\221\345\256\232.md" new file mode 100644 index 0000000..45a5c12 --- /dev/null +++ "b/\345\217\262\345\256\227\347\203\201/20260422\347\254\224\350\256\260-vue\346\225\260\346\215\256\347\273\221\345\256\232.md" @@ -0,0 +1,24 @@ +## 笔记 +数据绑定 +```bash +1.文本插值 +在js里定义变量 +然后直接在tamplate中能用{{}}进行引用 +2.HTML绑定 +在js里定义带h5标签的字符串变量 +然后在tamplate中标签中使用属性v-html="变量名",进行插入某标签 +3.属性绑定 +在js里定义对象变量 +在tanplate中,任意标签的:style="变量名中进行绑定" +``` +响应式绑定 +```bash +1.ref +在js中使用ref方法绑定数据给变量,用延时函数对变量.value进行改变 +在template中正常括号引用 +2.reactive +在js中使用reactive方法绑定对象给变量 +在template中可放任意标签中的:style属性="变量名" +``` + +## 练习 \ No newline at end of file diff --git "a/\345\217\262\345\256\227\347\203\201/20260423\347\254\224\350\256\260-vue\350\256\241\347\256\227\345\261\236\346\200\247.md" "b/\345\217\262\345\256\227\347\203\201/20260423\347\254\224\350\256\260-vue\350\256\241\347\256\227\345\261\236\346\200\247.md" new file mode 100644 index 0000000..745942a --- /dev/null +++ "b/\345\217\262\345\256\227\347\203\201/20260423\347\254\224\350\256\260-vue\350\256\241\347\256\227\345\261\236\346\200\247.md" @@ -0,0 +1,17 @@ +## 笔记 +计算属性与侦听器笔记 + +计算属性 +```bash +只能在js中定义变量,使用conputed方法中的函数进行计算,返回值 +然后在tamplate中直接{{变量名}},拿到数据 +``` + +侦听器笔记 + ```bash + 在js中使用watch方法进行侦听 +三个参数分别是 +(侦听对象(箭头函数包裹),回调函数(两个参数分别是新值和旧值),可选参数) + ``` + +## 练习 \ No newline at end of file diff --git "a/\345\217\262\345\256\227\347\203\201/20260424\347\254\224\350\256\260-vue\346\214\207\344\273\244.md" "b/\345\217\262\345\256\227\347\203\201/20260424\347\254\224\350\256\260-vue\346\214\207\344\273\244.md" new file mode 100644 index 0000000..fcd9c44 --- /dev/null +++ "b/\345\217\262\345\256\227\347\203\201/20260424\347\254\224\350\256\260-vue\346\214\207\344\273\244.md" @@ -0,0 +1,18 @@ +## 笔记 +```bash + - 属性绑定 +v-bind用于绑定属性 + - 表单处理 +v-model用于从表单中获取或设置值 + - 内容渲染 +v-html用于将数据当成html标签渲染 + - 条件渲染 +v-if v-else-if v-else 语序逻辑和js一样,三个只显示一个。v-show和v-if相同功能,逻辑不同 + -循环渲染 +v-for 后面跟="(形参1(循环项),下标,x)in 对象数组)"或="(形参2(循环项),属性名,下标)in 对象" + -事件处理 +v-on +``` + +## 练习 + -- Gitee