℡傲雪&星火ぴ

有种高中生物的美。

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、生命周期钩子 1.生命周期 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新...

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、组件事件（$emit） 在组件的模版表达时候中，我们可以直接使用$emit方法触发自定义事件，触发自定义事件的目的一般是组件之间传递数据。可是在上一篇博客中我们讲到的Props的作用就是数据传递，为什么我们这里还要讲$emit呢？ 实际上，在Props的内容里我们也提到过，那就是其只能用于父组件向子组件传递数据，而$emit能够实现子组件向父组件传递数据。 依旧是两个父子嵌套关系的文件： Parent: 12345678910111213141516171819<template> <h3>Parent</h3> ...

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、组件基础 1.引子 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。当我们使用构建步骤时，我们一般会将 Vue 组件定义在一个单独的.vue文件中，这被叫做单文件组件（简称 SFC）。实际上，我们前面的代码示例也都是在一个单独的组件内实现的。 2.组件组成结构 一个最基本的组件，其组成结构如下： 12345678910111213<template> <div>HTML标签</div></template> <script> export default...

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、计算属性 1.使用方式 在前面模版语法的学习中我们了解到，Vue 在所有的数据绑定中都支持使用完整地 JavaScript 表达式。但当模版中的表达式较为复杂时，可能会显得十分臃肿，难以维护。这时就要用到我们的计算属性了。下面以一个简单的代码为例，用来检查names数组中是否有元素： 123456789101112131415161718<template> <p>{{ isNames }}</p></template> <script> export...

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、事件处理 在 Vue 中我们可以使用 v-on 指令来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。此外，v-on 指令可以缩写为 @ 符号。 具体用法为：v-on: click = "handler"或者@click = "handler"。 事件处理器 （handler）的值可以是内联事件处理器，也可以是方法事件处理器。 1.内联事件处理器 内联事件处理器是指事件被触发时执行的内联 JavaScript 语句 (与 onclick...

建议直接去学最新的Vue3。

🚥Vue2 系列文章导航🚥 Vue环境配置(Windows)Vue学习笔记（一）：模版语法、条件渲染、列表渲染、key值管理Vue学习笔记（二）：事件处理、事件传参、修饰符、数组变化侦测Vue学习笔记（三）：计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用Vue学习笔记（四）：深入了解组件（上）Vue学习笔记（五）：深入了解组件（下）Vue学习笔记（六）：生命周期钩子、路由、Element Plus 一、node.js安装配置 vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。 我们可以在终端（win+r，然后输入cmd打开终端）中输入node -v来查询电脑上是否已经安装node.js以及版本号。如下图显示，我的电脑上目前已经安装了node.js，且版本号为20.12.0。 node.js的下载地址为：Node.js — 在任何地方运行...

给我测测！