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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 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 0000000000000000000000000000000000000000..4f6a7908081de56eda20e8c2e39c7e1ce9efcd8b --- /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 0000000000000000000000000000000000000000..be00e80976bf1ac0cc642d85303b91a4712173cf --- /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 0000000000000000000000000000000000000000..33a47e70edf920f91e4055061c52cc85d67c9c8e --- /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