From d27f96b215eeb31a16f660e332417eeb5eb05b1f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=91=A8=E5=9C=86?= <2825532983@qq.com> Date: Fri, 31 Mar 2023 00:12:43 +0000 Subject: [PATCH 1/8] update readme.md. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 周圆 <2825532983@qq.com> --- readme.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 4cb2c7e..b2d3df7 100644 --- a/readme.md +++ b/readme.md @@ -1 +1,4 @@ -## 21级软件2班 vue学习笔记 \ No newline at end of file +## 21级软件2班 vue学习笔记 + + +### oo的笔记 \ No newline at end of file -- Gitee From ded0ce9f449eb1e9dc64567a27908013978e4565 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=91=A8=E5=9C=86?= <2825532983@qq.com> Date: Fri, 31 Mar 2023 02:21:53 +0000 Subject: [PATCH 2/8] update readme.md. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 周圆 <2825532983@qq.com> --- readme.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/readme.md b/readme.md index b2d3df7..69130ea 100644 --- a/readme.md +++ b/readme.md @@ -1,4 +1,3 @@ -## 21级软件2班 vue学习笔记 - - +# 21级软件2班 vue学习笔记 +## 老胡的录屏地址：https://www.aliyundrive.com/s/A85QkWqBJVf ### oo的笔记 \ No newline at end of file -- Gitee From b9c15ca5481f1cc914cc8762f892a2ab49376ffd Mon Sep 17 00:00:00 2001 From: unknown <2825532983@qq.com> Date: Fri, 31 Mar 2023 10:36:22 +0800 Subject: [PATCH 3/8] zhouyuan --- "\345\221\250\345\234\206" | 1 + 1 file changed, 1 insertion(+) create mode 160000 "\345\221\250\345\234\206" diff --git "a/\345\221\250\345\234\206" "b/\345\221\250\345\234\206" new file mode 160000 index 0000000..a9fcc2d --- /dev/null +++ "b/\345\221\250\345\234\206" @@ -0,0 +1 @@ +Subproject commit a9fcc2d6d8f2570b2b9f583f3e89b652ae28124c -- Gitee From 45e5ed05b81f152d8f42109b9af6cad11e427572 Mon Sep 17 00:00:00 2001 From: unknown <2825532983@qq.com> Date: Fri, 31 Mar 2023 10:38:51 +0800 Subject: [PATCH 4/8] oo --- "\345\221\250\345\234\206" | 1 - 1 file changed, 1 deletion(-) delete mode 160000 "\345\221\250\345\234\206" diff --git "a/\345\221\250\345\234\206" "b/\345\221\250\345\234\206" deleted file mode 160000 index a9fcc2d..0000000 --- "a/\345\221\250\345\234\206" +++ /dev/null @@ -1 +0,0 @@ -Subproject commit a9fcc2d6d8f2570b2b9f583f3e89b652ae28124c -- Gitee From 859098ffd4117e12ea119804e6a4393d56d90fce Mon Sep 17 00:00:00 2001 From: unknown <2825532983@qq.com> Date: Fri, 31 Mar 2023 10:42:49 +0800 Subject: [PATCH 5/8] =?UTF-8?q?=E5=91=A8=E5=9C=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\345\221\250\345\234\206" | 1 + 1 file changed, 1 insertion(+) create mode 160000 "\345\221\250\345\234\206" diff --git "a/\345\221\250\345\234\206" "b/\345\221\250\345\234\206" new file mode 160000 index 0000000..a9fcc2d --- /dev/null +++ "b/\345\221\250\345\234\206" @@ -0,0 +1 @@ +Subproject commit a9fcc2d6d8f2570b2b9f583f3e89b652ae28124c -- Gitee From 7b867ce1bf258043655479251ad8f922326c7f0b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=91=A8=E5=9C=86?= <2825532983@qq.com> Date: Fri, 31 Mar 2023 02:53:08 +0000 Subject: [PATCH 6/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=AD=90=E6=A8=A1?= =?UTF-8?q?=E5=9D=97=20=E5=91=A8=E5=9C=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\345\221\250\345\234\206" | 1 - 1 file changed, 1 deletion(-) delete mode 160000 "\345\221\250\345\234\206" diff --git "a/\345\221\250\345\234\206" "b/\345\221\250\345\234\206" deleted file mode 160000 index a9fcc2d..0000000 --- "a/\345\221\250\345\234\206" +++ /dev/null @@ -1 +0,0 @@ -Subproject commit a9fcc2d6d8f2570b2b9f583f3e89b652ae28124c -- Gitee From b96d1a1866f2ce35630a942035f6270405879aa6 Mon Sep 17 00:00:00 2001 From: unknown <2825532983@qq.com> Date: Fri, 31 Mar 2023 10:53:50 +0800 Subject: [PATCH 7/8] oo --- "\345\221\250\345\234\206" | 1 - .../20230329-\345\210\235\350\257\206VUE.md" | 4 ++++ ...72\347\232\204\346\226\271\345\274\217.md" | 23 +++++++++++++++++++ 3 files changed, 27 insertions(+), 1 deletion(-) delete mode 160000 "\345\221\250\345\234\206" create mode 100644 "\345\221\250\345\234\206/20230329-\345\210\235\350\257\206VUE.md" create mode 100644 "\345\221\250\345\234\206/20230330-VUE\345\210\233\345\273\272\347\232\204\346\226\271\345\274\217.md" diff --git "a/\345\221\250\345\234\206" "b/\345\221\250\345\234\206" deleted file mode 160000 index a9fcc2d..0000000 --- "a/\345\221\250\345\234\206" +++ /dev/null @@ -1 +0,0 @@ -Subproject commit a9fcc2d6d8f2570b2b9f583f3e89b652ae28124c 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 0000000..5b36410 --- /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 0000000..bf019e3 --- /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: … +✔ 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 ./... +Done. + +> cd +> npm install +> npm run dev + +3. 根据页面提示操作即可 +``` \ No newline at end of file -- Gitee From e455c5f10c4303c84851f29223c0c6c1b39ef633 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=91=A8=E5=9C=86?= <2825532983@qq.com> Date: Mon, 3 Apr 2023 02:09:25 +0000 Subject: [PATCH 8/8] =?UTF-8?q?add=20=E5=91=A8=E5=9C=86/=2020230331-?= =?UTF-8?q?=E5=B1=9E=E6=80=A7=E7=BB=91=E5=AE=9A.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 周圆 <2825532983@qq.com> --- ...36\346\200\247\347\273\221\345\256\232.md" | 62 +++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 "\345\221\250\345\234\206/ 20230331-\345\261\236\346\200\247\347\273\221\345\256\232.md" 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 0000000..07fbfb2 --- /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 非常常用，我们提供了特定的简写语法： + +
+开头为 : 的 attribute 可能和一般的 HTML attribute 看起来不太一样，但它的确是合法的 attribute 名称字符，并且所有支持 Vue 的浏览器都能正确解析它。此外，他们不会出现在最终渲染的 DOM 中。简写语法是可选的 + +## 布尔型 Attribute + +布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 + +* isDisabled默认为true，为不显示；如果为false时，则显示 +``` + + +defineProps({ + msg: String, + bdxz:String, + id:Number, + isDisabled:Boolean +}) + + + +``` + +## 动态绑定多个值 +如果你有像这样的一个包含多个 attribute 的 JavaScript 对象： +``` +const testObj={ + id:03, + class:'btnSave', + name:'bdxz' +} +``` +通过不带参数的 v-bind，你可以将它们绑定到单个元素上： + +``` + +``` + +## 使用 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 -- Gitee