From 75cfc6d9283e5dc496f150d5648b8472df3f45de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=B6=E8=AF=9A=E5=87=AF?= <3194437063@qq.com> Date: Sun, 2 Apr 2023 14:54:00 +0000 Subject: [PATCH 1/2] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E5=8F=B6=E8=AF=9A?= =?UTF-8?q?=E5=87=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\345\217\266\350\257\232\345\207\257/.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "\345\217\266\350\257\232\345\207\257/.keep" diff --git "a/\345\217\266\350\257\232\345\207\257/.keep" "b/\345\217\266\350\257\232\345\207\257/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From f4513ce720fa0dba7eba912d1fd0ede3a36999c4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=B6=E8=AF=9A=E5=87=AF?= <3194437063@qq.com> Date: Sun, 2 Apr 2023 14:54:19 +0000 Subject: [PATCH 2/2] 1 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 叶诚凯 <3194437063@qq.com> --- .../2023.3.29.md" | 12 ++++++++++++ .../2023.3.30.md" | 17 +++++++++++++++++ .../2023.3.31.md" | 14 ++++++++++++++ 3 files changed, 43 insertions(+) create mode 100644 "\345\217\266\350\257\232\345\207\257/2023.3.29.md" create mode 100644 "\345\217\266\350\257\232\345\207\257/2023.3.30.md" create mode 100644 "\345\217\266\350\257\232\345\207\257/2023.3.31.md" diff --git "a/\345\217\266\350\257\232\345\207\257/2023.3.29.md" "b/\345\217\266\350\257\232\345\207\257/2023.3.29.md" new file mode 100644 index 0000000..4f6a790 --- /dev/null +++ "b/\345\217\266\350\257\232\345\207\257/2023.3.29.md" @@ -0,0 +1,12 @@ +## 什么是Vue +```js +Vue是一套用于构建用户界面的渐进式框架，自底层向上应用，Vue的核心库只关注视图层，容易入门，可以和第三方库或者已有的项目进行整合，可以做复杂的单页应用。简单的说，vue是一套前端的开发框架，vue是目前三大主流的框架之一，其他两个框架是:React、Angular。 +``` +## Vue的安装 +确保你安装了最新版本的 Node.js +```js +npm init vue@latest +会出现基本的东西 全部按 ENter键 +npm install 下载依赖 +npm run dev 运行 +``` \ No newline at end of file diff --git "a/\345\217\266\350\257\232\345\207\257/2023.3.30.md" "b/\345\217\266\350\257\232\345\207\257/2023.3.30.md" new file mode 100644 index 0000000..be00e80 --- /dev/null +++ "b/\345\217\266\350\257\232\345\207\257/2023.3.30.md" @@ -0,0 +1,17 @@ +## Vue.js 模板语法 +```js +Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 + +Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 + +结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 +``` +## 插值 +文本 +```js +数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值： +文本插值 +
+

{{ message }}

+
+``` \ No newline at end of file diff --git "a/\345\217\266\350\257\232\345\207\257/2023.3.31.md" "b/\345\217\266\350\257\232\345\207\257/2023.3.31.md" new file mode 100644 index 0000000..33a47e7 --- /dev/null +++ "b/\345\217\266\350\257\232\345\207\257/2023.3.31.md" @@ -0,0 +1,14 @@ +## Attribute 绑定 +```js +双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用 v-bind 指令： + +
+v-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。 +``` +## 简写 +```js +因为 v-bind 非常常用，我们提供了特定的简写语法： + +
+开头为 : 的 attribute 可能和一般的 HTML attribute 看起来不太一样，但它的确是合法的 attribute 名称字符，并且所有支持 Vue 的浏览器都能正确解析它。此外，他们不会出现在最终渲染的 DOM 中。简写语法是可选的，但相信在你了解了它更多的用处后，你应该会更喜欢它。 +``` \ No newline at end of file -- Gitee