Skip to content

Commit

Permalink
Update: Vue Learning Notes
Browse files Browse the repository at this point in the history
Signed-off-by: Xiao Wentao <[email protected]>
  • Loading branch information
aoxuexinghuo committed Sep 16, 2024
1 parent a7b721c commit 7d7b38d
Show file tree
Hide file tree
Showing 7 changed files with 28 additions and 14 deletions.
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(一)
title: Vue笔记(一):模版语法、条件渲染、列表渲染、key值管理
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(一):模版语法、条件渲染、列表渲染、key值管理

### 一、模版语法

Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(三)
title: Vue笔记(三):计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(三):计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用

### 一、计算属性

#### 1.使用方式
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(二)
title: Vue笔记(二):事件处理、事件传参、修饰符、数组变化侦测
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(二):事件处理、事件传参、修饰符、数组变化侦测

### 一、事件处理

在 Vue 中我们可以使用 `v-on` 指令来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。此外,`v-on` 指令可以缩写为 @ 符号。
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(五)
title: Vue笔记(五):深入了解组件(下)
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(五):深入了解组件(下)

### 一、组件事件($emit)

在组件的模版表达时候中,我们可以直接使用`$emit`方法触发自定义事件,触发自定义事件的目的一般是组件之间传递数据。可是在上一篇博客中我们讲到的`Props`的作用就是数据传递,为什么我们这里还要讲`$emit`呢?
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(六)
title: Vue笔记(六):生命周期钩子、路由、Element Plus
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(六):生命周期钩子、路由、Element Plus

### 一、生命周期钩子

#### 1.生命周期
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记(四)
title: Vue笔记(四):深入了解组件(上)
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue学习笔记(四):深入了解组件(上)

### 一、组件基础

#### 1.引子
Expand Down
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
title: Vue笔记
title: Vue笔记(环境配置)
date: 2024/9/16
categories:
- fe
author: aoxuexinghuo
tags:
- Vue
- 手写笔记
- 手写
- 前端框架
---
## Vue环境配置(Windows)

### 一、node.js安装配置

vue的使用需要以node.js为前提,如果您的电脑上已经安装了node.js,可直接跳过这一步。
Expand Down

0 comments on commit 7d7b38d

Please sign in to comment.