vue2/3 从基础到起飞
分享
扫一扫
文章平均质量分 92
Vue2 +Vue3+ 代码详细示例，本专栏融入了作者近十年的一线开发经验，力求知识点和避坑点全覆盖，由浅入深循序渐进，从基础入门到实战练习，章节自成闭环，让小伙伴学以致用，快速掌握企业级开发实战能力！助您轻松掌握前端 Vue 框架！
超级会员免费看
码喽的自我修养
某大型国企资深软件开发工程师，信息系统项目管理师，CSDN优质创作者，阿里云专家博主，华为云云享专家，分享前端后端相关技术与工作常见问题，如有需要请站内私信或者联系任意文章底部的的VX名片（ID：CSDNshangwu）
展开
-
【前端--Vue】组件之间的多种通信方式，一文彻底搞懂组件通信！
本篇将重点讲解vue中的多种组件通信方式，包括【父传子】【子传父】【兄弟组件通信】【依赖注入】等等，并提供具体案例来让小伙伴们加深理解、彻底掌握！原创 2024-05-07 14:18:15 · 9189 阅读 · 84 评论
-
vue中的自定义指令的基本语法、常见参数与使用场景，超详细教程！
今日给大家讲解vue中的自定义指令的基本语法、指令的常见参数与常见使用场景，并结合具体案例来让小伙伴们深入理解，彻底掌握！快来看看吧~原创 2024-05-18 00:17:51 · 3154 阅读 · 104 评论 -
vue系列之 插槽(Slot) 详解
插槽在vue中是一种很常见的写法，让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式。一共有三种分类：默认插槽、具名插槽、作用域插槽，下面一一根据案例改造说明。原创 2024-05-28 17:25:55 · 5930 阅读 · 13 评论 -
【Vue3的组合式API】超详细教程，含computed、watch、组件通信、模版引用......
哈喽,大家好，我是码喽的自我修养！今天给大家分享【Vue3的组合式API】超详细教程，包含setup语法糖、computed、watch、组件通信、模版引用、vue3新特性等等......，并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-17 20:19:43 · 2086 阅读 · 105 评论 -
【前端】Vue项目和微信小程序生成二维码和条形码
大家好，我是码喽的自我修养！今天给大家分享Vue项目和微信小程序如何生成二维码和条形码，介绍了JsBarcode、wxbarcode等插件，并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-26 08:55:23 · 23433 阅读 · 170 评论 -
【前端开发-- Vue】史上最详细的Vue入门教程(一)
欢迎大家持续关注【史上最详细Vue入门与进阶教程】系列文章，后面会持续更新！第一篇我们先来学习vue的基本概念、插值表达式、开发者工具安装、vue响应式、常用指令等等。原创 2024-05-04 23:30:03 · 4431 阅读 · 9 评论 -
【前端开发---Vue】史上最详细的Vue入门教程(二)
本篇我们将详细讲解vue中的六大类常见指令，包括【条件渲染指令】【事件绑定指令】【属性绑定指令】...... 并结合具体案例来让小伙伴们掌握的更透彻！原创 2024-05-04 23:23:18 · 1650 阅读 · 7 评论 -
【前端开发---Vue】史上最详细的Vue入门教程(三)
本篇重点分享常见指令修饰符、v-bind指令用于class 类名 和 style 行内样式 动态控制、v-model在其他表单元素的使用...... 并结合具体案例来让小伙伴们掌握的更透彻！原创 2024-05-05 17:45:17 · 1170 阅读 · 8 评论 -
【前端开发---Vue】史上最详细的Vue入门教程(四)
本篇将分享vue的最核心知识----【computed计算属性】【计算属性的完整写法】【watch侦听器】【computed与methods的区别】等等原创 2024-05-05 18:39:13 · 1542 阅读 · 5 评论 -
【前端开发---Vue】史上最详细的Vue入门教程(五) --- 细讲‘生命周期’
什么时候可以发送初始化渲染请求？（越早越好）什么时候可以开始操作dom？（至少dom得渲染出来），本篇将详细讲解vue中的核心 --- 生命周期，并提供具体案例来让小伙伴们加深理解、彻底掌握！原创 2024-05-06 10:59:54 · 1259 阅读 · 9 评论 -
【前端开发---Vue】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
本篇将重点讲解vue中的【工程化开发和脚手架 】【项目运行流程 】【组件化与组件注册 】等等，并提供具体案例来让小伙伴们加深理解、彻底掌握！原创 2024-05-06 12:43:40 · 1574 阅读 · 44 评论 -
Vue2中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用
Vue2中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用原创 2024-05-10 12:53:44 · 6631 阅读 · 138 评论 -
vue3父子组件相互调用方法详解
在vue3项目开发中，我们常常会遇到父子组件相互调用的场景，下面主要以setup语法糖格式详细聊聊父子组件那些事儿原创 2024-05-11 12:58:36 · 8368 阅读 · 108 评论 -
[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法
深入剖析v-model的原理、vue2/vue3 的父子组件的数据双向绑定的多种写法、vue2与vue3在使用 v-model 时的异同点原创 2024-05-12 23:37:53 · 2028 阅读 · 143 评论 -
vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！
nextTick 在 vue2/vue3 中如何使用？它又是怎么实现的呢，在 Vue2 和 Vue3 中又有什么区别呢？本文将结合案例介绍执行原理再深入源码，全部注释，包你一看就会原创 2024-05-16 08:29:16 · 4088 阅读 · 143 评论 -
vue路由的基础知识总结，vueRouter插件的安装与使用
本篇讲解一下vue关于路由的入门知识，以及vueRouter插件的安装与使用，对vue路由还不熟悉的小伙伴学起来吧~原创 2024-05-29 08:56:03 · 1245 阅读 · 64 评论 -
vue路由从入门到进阶 --- 声明式导航详细教程
本文讲解vue路由的【声明式导航（router-link）】【导航高亮】【精确匹配&模糊匹配】【自定义高亮类名】【声明式导航传参 ( 查询参数传参 & 动态路由传参 )】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！原创 2024-05-30 12:41:14 · 1743 阅读 · 15 评论 -
vue路由从入门到进阶 --- 路由重定向与404等问题
本文讲解vue路由的【路由404问题】【路由模式设置】【路由重定向】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！原创 2024-05-30 20:32:59 · 1552 阅读 · 26 评论 -
vue路由跳转之【编程式导航与传参】
vue路由有两种跳转方式 ---->编程式与声明式，本文重点讲解vue路由的【编程式导航 】【编程式导航传参 ( 查询参数传参 & 动态路由传参 )】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！原创 2024-05-31 08:29:18 · 2263 阅读 · 157 评论 -
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析，超详细！
keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。本篇讲解Keep-Alive缓存组件使用语法及原理解析，超详细！原创 2024-06-01 23:46:08 · 2819 阅读 · 67 评论 -
【前端 - Vue】关于ESlint代码规范及格式化插件
主要讲解ESlint代码规范及手动修复，以及如何通过eslint插件来实现自动修正原创 2024-06-04 08:54:53 · 1971 阅读 · 23 评论 -
脚手架vue-cli自定义创建Vue项目，完整详细步骤！
脚手架vue-cli自定义创建Vue项目，完整详细步骤！原创 2024-06-04 16:05:14 · 756 阅读 · 13 评论 -
【前端 - Vue】Vuex基础入门，创建仓库的详细步骤
本文讲解【Vuex核心概念和API】【Vuex使用场景】【Vuex初始化仓库】等内容，并结合具体代码让小伙伴们深入理解 ，彻底掌握！原创 2024-06-05 08:20:25 · 2067 阅读 · 24 评论 -
vuex仓库的五大属性、辅助函数与使用方法，史上最详细！
Vuex是Vue.js的状态管理库，它通过中心化的状态管理使得组件间的数据共享更加容易。Vuex包含五个核心属性:state、getters、mutations、actions和modules。今天我们将详细讲解这五大属性的使用方法与辅助函数，并结合具体代码让小伙伴们深入理解 ，彻底掌握！原创 2024-06-05 18:48:00 · 2263 阅读 · 100 评论 -
Vue3入门 - vue3相比于vue2的优点，及如何创建Vue3项目
Vue3入门 - vue3相比于vue2的优点，及如何创建Vue3项目原创 2024-06-07 09:10:14 · 826 阅读 · 11 评论 -
Vue3 状态管理 - Pinia，超详细讲解！
哈喽，大家好，我是码喽的自我修养！今天给大家分享【Vue3 状态管理 - Pinia】，超详细讲解！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-18 15:39:40 · 2378 阅读 · 13 评论 -
Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法
大家好，我是码喽的自我修养！今天给大家分享【Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法】，超详细讲解！原创 2024-06-24 09:02:45 · 2459 阅读 · 24 评论 -
Vue3使用jsbarcode生成条形码，以及循环生成条形码
大家好，我是码喽的自我修养！今天给大家分享Vue3使用jsbarcode生成条形码，以及循环生成条形码，介绍了JsBarcode插件的详细使用方法，并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-29 18:23:17 · 3751 阅读 · 42 评论 -
[vue2/vue3] 详细剖析watch、computed、watchEffect的区别，原理解读
watch适用于需要有条件地监听数据变化的场景，computed适用于创建派生数据和性能优化，而watchEffect适用于自动追踪依赖的场景。在实际应用中，根据具体需求选择合适的API可以更好地发挥Vue的响应式能力。原创 2024-07-01 16:56:34 · 2343 阅读 · 48 评论 -
【uni-app+Vue3】 API请求封装：让接口调用更便捷
为了方便开发，我们可以进行API请求的解耦和封装，以便在多个页面中复用，并且可以统一处理错误信息等问题，提高开发效率和代码质量。原创 2024-07-10 08:48:54 · 4753 阅读 · 134 评论 -
vue3 表单校验大全，含对象嵌套对象验证、数组格式验证、动态添加验证等
大家好，我是码喽的自我修养！今天给大家分享vue3 表单校验大全，含对象嵌套对象验证、数组格式验证、动态添加验证规则、validateField 验证具体的某个某些字段等，由浅入深详细讲解！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-15 11:21:35 · 3224 阅读 · 69 评论 -
vue3中引入、封装和使用svg矢量图的实现示例
大家好，我是码喽的自我修养！今天给大家分享vue3中引入和封装svg矢量图的实现示例！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-18 09:02:51 · 2985 阅读 · 95 评论 -
uni-app框架+vue 实现上拉加载和下拉刷新功能
大家好，我是码喽的自我修养！今天给大家分享uni-app框架+vue实现上拉加载和下拉刷新功能！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-23 09:51:10 · 2573 阅读 · 129 评论 -
uni-app框架+vue3 实现上拉加载和下拉刷新功能
大家好，我是码喽的自我修养！之前给大家分享了【vue2+uniapp实现上拉加载和下拉刷新功能】，然后有小伙伴@我使用vue3来实现，今天它来啦！原创 2024-07-27 17:32:19 · 2513 阅读 · 38 评论 -
ES6中的Promise、async、await，超详细讲解！
Promise是es6引入的异步编程新解决方案，Promise实例和原型上有reject、resolve、all、then、catch、finally等多个方法，语法上promise就是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果，本篇文章主要介绍了ES6中的Promise对象与async和await方法原创 2024-08-06 08:50:34 · 2468 阅读 · 68 评论 -
ES6中Promise、async和await面试题整理
promise是每个前端人必须会接触到的一个知识点,下面这篇文章主要给大家整理了一下关于ES6中Promise、async和await面试题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下原创 2024-08-09 09:50:51 · 1342 阅读 · 29 评论 -
Vue3配置vite.config.js代理解决跨域问题
当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料转载 2024-08-13 12:18:25 · 2008 阅读 · 40 评论 -
vue3项目中使用富文本编辑器
大家好，我是码喽的自我修养！今天给大家分享vue3项目中使用富文本编辑器 -- wangEditor，包括wangEditor的下载、安装、使用等等，由浅入深详细讲解！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-08-19 12:42:38 · 748 阅读 · 30 评论