
【Vue2+Vue3】入门到实践
文章平均质量分 94
通过简单易懂的示例和实践项目,逐步掌握 Vue 的核心概念、组件化开发、指令使用、事件处理等知识,并深入学习 Vue 在单页应用、状态管理、路由控制等领域的应用。
Heaven645
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Chapter 18 .sync修饰符
本章通过一个弹窗组件的封装案例,深入解析 `.sync` 修饰符的作用及优化实践。原创 2024-12-07 07:15:00 · 1183 阅读 · 0 评论 -
Chapter 17 v-model进阶
本章详细讲解了 v-model 的基本原理、表单类的组件封装以及如何使用 v-model 简化代码。原创 2024-11-30 07:30:00 · 1355 阅读 · 0 评论 -
Chapter 16 非父子组件通信
Vue2 提供了两种非常有用的非父子组件通信方式:事件总线和 Provide/Inject。本文将深入讲解这两种方式的实现原理、适用场景及其优缺点。原创 2024-11-28 07:00:00 · 863 阅读 · 0 评论 -
Chapter 15 父子组件通信
本章详细讲解了父子组件通信、props校验以及单向数据流。原创 2024-11-14 20:36:50 · 920 阅读 · 0 评论 -
Chapter 14 scoped样式以及data函数
全局样式是指作用于的样式,不论在哪个组件中定义,都能影响到所有具有相同元素的组件。在 Vue 中,若在组件的标签中没有使用scoped,则该样式会自动成为全局样式,影响到所有同样的 HTML 元素。【示例】原创 2024-11-14 07:15:00 · 802 阅读 · 1 评论 -
组件拆分综合案例——商城首页
欢迎大家订阅【Vue2+Vue3】入门到实践 专栏,开启你的 Vue 学习之旅!文章目录一、传统的 HTML/CSS 写法二、现代的 Vue.js 组件化写法本篇文章参考黑马程序员【组件拆分综合案例——商城首页】一、传统的 HTML/CSS 写法App.vue文件:<template> <div class="App"> <!-- 快捷链接 --> <div class="shortcut"> <d原创 2024-09-09 07:00:00 · 2155 阅读 · 0 评论 -
Chapter 13 普通组件的注册使用
在 Vue.js 中,组件是构建应用程序的基本单元。本章详细讲解了注册和使用 Vue 的普通组件的两种方式:局部注册和全局注册。原创 2024-09-08 07:00:00 · 1501 阅读 · 1 评论 -
Chapter 12 Vue CLI脚手架组件化开发
组件化开发是Vue.js的核心理念之一,Vue CLI为开发者提供了便捷的工具和结构来实现组件化。通过创建和使用组件,开发者可以构建可复用的代码块,提高开发效率和代码质量。原创 2024-09-07 07:00:00 · 1109 阅读 · 0 评论 -
Chapter 11 脚手架Vue CLI使用步骤
Vue CLI 是 Vue.js 官方提供的一个全局命令工具,旨在帮助开发者快速创建和管理 Vue 项目。它为开发者提供了一个标准化的项目结构,并集成了 webpack 配置,使得开发过程更加高效和便利。原创 2024-09-06 16:44:32 · 995 阅读 · 0 评论 -
Chapter 10 async函数 & await关键字
在现代 JavaScript 开发中,异步编程是一个重要的概念。随着 ES2017 的引入,`async` 函数和 `await` 关键字为处理异步操作提供了更简洁和可读的方式。本章详细讲解了这两个关键字的特性及其用法。原创 2024-09-03 07:00:00 · 1890 阅读 · 0 评论 -
Chaper 09 深入理解Promise
在JavaScript中,异步编程是一个重要的概念。随着应用程序的复杂性增加,处理异步操作的方式也变得更加复杂。Promise是一种用于处理异步操作的对象,它提供了一种更清晰和更强大的方式来管理异步代码。本章详细讲解了Promise的基本用法以及链式调用。原创 2024-09-02 07:00:00 · 1304 阅读 · 0 评论 -
Chapter 08 Vue生命周期
Vue.js 是一个渐进式的 JavaScript 框架,广泛用于构建用户界面。理解 Vue 的生命周期对于开发高效、可维护的应用程序至关重要。本文详细讲解了 Vue 组件的生命周期及其各个阶段的钩子函数。原创 2024-09-01 14:23:33 · 2065 阅读 · 0 评论 -
搭建一个简单的购物车应用
本篇文章详细讲解了如何搭建一个简单的购物车应用,展示了购物车的基本功能,包括商品列表的渲染、商品的删除、数量的修改、全选和反选操作,以及选中商品总价格和总数量的计算。原创 2024-08-31 21:23:55 · 1288 阅读 · 2 评论 -
Chapter 07 watch侦听器
在 Vue 中,`watch` 侦听器是一个非常实用的工具,用于处理自定义数据的变化。本文详细讲解了 `watch` 侦听器的基本用法、深度侦听和常见应用场景。原创 2024-08-30 19:48:44 · 1685 阅读 · 2 评论 -
Chapter 06 axios使用指南
在现代前端开发中,与后端API进行数据交互是至关重要的。Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。本文详细介绍了Axios的基本用法。原创 2024-08-29 22:28:35 · 1385 阅读 · 0 评论 -
Chapter 05 计算属性
Vue.js 提供了丰富的功能,帮助开发者高效地构建用户界面。本篇文章详细讲解了其计算属性的基本语法、应用场景以及性能差异。原创 2024-08-28 18:11:48 · 1357 阅读 · 0 评论 -
Chapter 04 Vue指令(下)
在 Vue.js 中,指令是带有 v- 前缀的特殊属性,不同属性对应不同的功能。通过学习不同的指令,我们能够灵活应对多种业务场景的需求。本章详细讲解了指令修饰符并对 v-bind 以及 v-model 指令进行了拓展。原创 2024-08-27 17:15:48 · 1116 阅读 · 0 评论 -
Chapter 03 Vue指令(中)
在 Vue.js 中,指令是带有 v- 前缀的特殊属性,不同属性对应不同的功能。通过学习不同的指令,我们能够灵活应对多种业务场景的需求。本章详细讲解了一些基本的 Vue 指令,包括 v-on、v-for、v-bind 以及 v-model 指令。原创 2024-08-24 23:59:30 · 1084 阅读 · 0 评论 -
Chapter 02 Vue指令(上)
在 Vue.js 中,指令是带有 v- 前缀的特殊属性,不同属性对应不同的功能。通过学习不同的指令,我们能够灵活应对多种业务场景的需求。本章详细讲解了一些基本的 Vue 指令,包括 v-text、v-html、v-show、v-if、v-else 以及 v-else-if 指令。原创 2024-08-23 15:00:50 · 915 阅读 · 0 评论 -
Vue开发者工具安装详细教程
Vue 是一个框架,也是一个生态,其功能覆盖了大部分前端开发常见的需求。本文详细讲解了 Vue 开发者工具的安装。原创 2024-08-26 21:21:56 · 1332 阅读 · 0 评论 -
Chapter 01 Vue入门
Vue 是一个框架,也是一个生态,其功能覆盖了大部分前端开发常见的需求。本文详细讲解了 Vue 的基本概念以及 Vue 开发者工具的安装。原创 2024-08-22 07:00:00 · 1061 阅读 · 0 评论