- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue组件化开的基本使用
在 Vue.js 中，组件是构建用户界面的基本单位，而父子组件的关系是基于组件的嵌套结构来定义的。父组件是指包含其他组件的组件，子组件是指被其他组件包含的组件。全局注册的组件可以在整个应用的任何地方使用，而局部注册的组件仅限于在注册它的Vue实例或组件内部使用。Props 允许父组件向子组件传递数据，是单向绑定的，即只能父组件向子组件传递，不能反向。：将列表和列表项拆分为父子组件，父组件负责管理列表的数据，子组件负责渲染每个列表项。：将表单的各个部分拆分为子组件，父组件负责整体表单的管理和提交。
2026-01-08 16:42:36
991
原创 Vue双向绑定v-model详解
默认情况下，v-model 在 input 事件中同步输入框的值与数据。v-model 会忽略表单元素初始的 value、checked、selected 属性，始终将 Vue 实例中的数据作为数据来源。它能够将表单控件的值与 Vue 实例中的数据属性进行绑定，实现视图和数据模型之间的自动同步。：需要为每个 radio 设置 value 值，v-model 绑定的是选中的 radio 的 value 值。对于中文输入法，在未选定词组前（拼音阶段），v-model 不会更新数据，选定汉字后才会触发更新。
2026-01-07 20:16:29
387
原创 JavaScript 数组高阶函数：filter、map 与 reduce
在JavaScript编程中，数组迭代是一项基础而重要的任务。随着函数式编程范式的普及，JavaScript提供了一系列强大的数组高阶函数，其中map、filter和reduce是最为核心和常用的三个方法。与传统的命令式编程（如for循环）相比，这些高阶函数采用声明式编程风格，使代码更加简洁、可读和易于维护。函数式编程的核心思想是将函数作为第一公民，即函数可以像其他数据类型一样被传递、赋值和返回。这种编程范式与面向对象编程形成鲜明对比，它更注重数据的转换而非状态的改变。
2026-01-07 02:28:09
921
原创 Vue列表渲染：v-for用法全解析
官方推荐我们在使用v-for时，给对应的元素或组件添加上一个 :key 属性。在Vue.js中，数组的响应式处理是一个非常重要的概念。指令及其相关优化技巧，可以构建出高效、动态的用户界面，提升应用性能和用户体验。掌握Vue中数组的响应式操作方法对于开发Vue应用至关重要。指令用于基于源数据多次渲染元素，是Vue.js中最常用的列表渲染方式。在遍历对象的过程中，如果只是获取一个值，那么获取到的是value。：key帮助Vue识别哪些元素被改变、添加或移除，以优化渲染性能。
2026-01-06 19:41:06
950
原创 Vue条件渲染：v-if核心用法详解
v-if指令根据表达式的真假值来条件性地渲染元素。当isShow为true时，<h2>元素会被渲染到 DOM 中；为false时，该元素不会被包含在 DOM 里。
2026-01-05 10:58:25
1254
原创 Vue.js事件处理：v-on指令完全指南
调用方式参数传递规则示例默认传递事件对象作为第一个参数不传递任何参数只传递自定义参数同时传递自定义参数和事件对象。
2026-01-04 20:24:26
1074
原创 块级作用域和函数作用域
特性ES5 闭包 (IIFE)ES6let原理手动创建函数作用域来隔离变量。利用let的块级作用域特性。代码简洁性相对繁琐，需要额外的函数包装。极其简洁，直接使用let替换var即可。可读性需要理解 IIFE 和闭包机制。更高，意图明确。现代实践旧版浏览器兼容方案。推荐首选，符合现代 JavaScript 标准。闭包与内存管理。
2025-12-31 00:26:47
673
1
原创 什么是vue中的计算属性？
Vue.js 中的是一个非常重要的概念，它用于声明式地定义那些依赖于其他数据的。计算属性的核心价值在于其和，这使其在Vue应用开发中扮演着优化性能和简化逻辑的关键角色。下面的表格对比了计算属性与普通方法（methods）的主要区别，这能帮助你更直观地理解其特性：特性计算属性方法。只有当其依赖的响应式数据发生变化时，才会重新计算。。每次调用都会执行函数体中的代码。在模板中像普通属性一样使用，，例如。在模板中调用，例如。适合处理或的计算，结果会被缓存以避免重复计算。适合或的场景。
2025-12-30 18:28:28
511
原创 动态绑定属性：v-bind的使用
v-bind是 Vue.js 中一个核心指令，用于动态地绑定一个或多个 HTML 属性（attributes）或组件的属性（props）到 Vue 实例中的数据。这意味着属性的值不再是固定的字符串，而是可以随数据变化而更新的 JavaScript 表达式。v-bind的主要作用是建立属性值与数据的响应式连接。其完整语法是 v-bind:属性名="表达式"，最常用的缩写是冒号 :，例如 :属性名="表达式"。比如图片的链接src、网站的链接href、动态绑定一些类、样式等等。
2025-12-30 18:28:07
419
原创 Vue中的插值操作
Vue.js 中的 Mustache 语法（双大括号{{ }}）是模板语法中最基础且核心的插值操作，用于将数据动态地渲染到页面上。
2025-12-29 16:49:09
1001
原创 定义Vue的template
主要通过删除对应的配置文件来实现。根据需要删除单个片段或整个片段文件。具体操作路径如下：操作目标操作步骤说明与提示删除整个代码片段文件1. 打开命令面板 (2. 搜索并选择“首选项: 配置用户代码片段3. 在列表中找到要删除的文件名，右键点击它。4. 选择“在文件资源管理器中显示”（Windows）或“在 Finder 中显示”（macOS）。5. 在打开的文件夹中，直接删除对应的.json或文件即可。这会删除该文件中的所有代码片段。
2025-12-29 16:48:42
818
原创 Git的使用
工作区、暂存区、仓库：Git 的三个关键区域（这是理解 Git 的关键）为什么需要 Git？仓库（Repository）：项目代码的“数据库”提交（Commit）：一个带有说明的版本快照。#Git 安装(科学上网~~~快一点)#~~~安装教程：无脑下一步就行。#第一次提交到远程仓库## 检测安装是否成功#
2025-12-28 02:39:07
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人