Vue
文章平均质量分 83
本专栏有关于 Vue2、Vue3 的知识点、学习应用、练习案例、例题、面试题等等,还包括了实际项目开发中遇到的问题和难点。
黛琳ghz
计算机软件专业博主,校专业第一,优秀毕业生,国家奖学金候选人,拥有二十余项校级奖项、多项省级奖项、软件著作权一项等等。从事软件开发行业,专注于软件开发学习,同时热爱人工智能、AIGC、云技术。作为一名CSDN的博主,获得有CSDN新星计划导师、CSDN实力新星、6月城市之星(广州)TOP 29、CSDN全栈领域新星创作者、CSDN前端领域优质创作者、2022年度博客之星前端领域TOP 8、2022年度博客之星TOP 95、CSDN第四届猿创征文优质博文奖(分数85第一)、以及多项优秀TOP博文、CSDN开源挑战赛优秀奖等等。同时还是华为云社区云享专家、阿里云社区专家博主,稀土掘金博主。
展开
-
uni-app 经验分享,从入门到离职(三)——关于 uni-app 生命周期快速了解上手
这篇文章是本专栏 uni-app 基础篇的第三章,通过上一篇文章的基础,我们继续对 uni-app 进行更深一步的了解和学习,这篇文章的主要内容的是讲一下在 uni-app 中的应用生命周期函数,以及关于 App.vue/App.uvue 文件在项目中的作用。原创 2024-02-02 01:43:36 · 24581 阅读 · 4 评论 -
Vue 项目实战——如何在页面中展示 PDF 文件以及 PDFObject 插件实战
在之前的两篇关于 Print.js 文章中,我们已经初步学习了打印插件 Print.js 的使用,既然涉及到 PDF 的打印,如果想要预览 PDF 后再进行打印应该怎么做呢,接下来通过这篇文章记录一下 Vue 项目实战中,在页面中展示 PDF 文件的一些例子。原创 2023-11-21 23:51:03 · 35014 阅读 · 10 评论 -
Vue3 开发实战分享——打印插件 Print.js 的使用(Vue3 + Nodejs + Print.js 实战)以及 el-table 与 el-pagination 的深入使用(下)
上一篇文章,我们主要介绍了打印插件 Print.js 的使用,包括介绍、了解到快速上手的过程,以及 Vue3 + Nodejs + Print.js 的实战练习,通过简单的例子复刻出实战中的应用场景和业务需求。其实之所以会有下篇的内容,是因为这个 Vue3 实战项目的前端用了 Element-Plus 这个 UI 框架,其中包括有表格、分页,在博主的之前(相关)文章中就已经开始用这套模板了,在此基础上和 Vue3 实战项目的延申上,我们来讲一下 el-table 与 el-pagination 的深入使用。原创 2023-10-24 23:56:45 · 44163 阅读 · 24 评论 -
Vue3 开发实战分享——打印插件 Print.js 的使用(Vue3 + Nodejs + Print.js 实战)以及 el-table 与 el-pagination 的深入使用(上)
今天久违的更新一下关于 Vue 的文章了,本篇文章是基于 Vue3 + Node.js + ElementPlus 的实战项目分享,实战内容包括有打印插件 Print.js 的使用,以及关于 ElementPlus 中的 el-table 与 el-pagination 的深入使用。本次项目以文章(axios 实战进阶练习——基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台)中的项目为模板进行改动和编写。原创 2023-10-16 01:13:03 · 51615 阅读 · 32 评论 -
前端开发工程师的自我修养:前端开发工程师必须掌握的 Promise(详解)以及在 Vue3 项目中的实战应用
在前端编程中(甚至后端有时也是这样),我们在处理一些简短、快速的操作时,例如计算 1 + 1 的结果,往往在主线程中就可以完成。主线程作为一个线程,不能够同时接受多方面的请求。所以,当一个事件没有结束时,界面将无法处理其他请求。为了解决这个问题,JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。这个时候 Promise 和异步编程就是一个很好的解决方法,接下来我们一起来了解学习下 Promise ,然后通过简单的应用来加深对 Promise 的印象。原创 2023-06-30 22:46:11 · 2414 阅读 · 16 评论 -
axios 实战进阶练习( axios 封装篇)——基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台的 axios 封装实战
在之前的文章 axios 实战进阶练习——基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台 中,我们完成了这个基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台的项目,其中项目的后端接口是用 Node.js 编写的,通过 axios 来获取接口,所以这篇文章我们来对这个 axios 进一步的封装。原创 2023-06-26 13:58:45 · 42968 阅读 · 41 评论 -
Vue3 网络请求——axios 高级用法之 axios 拦截器实战与并发请求
Axios 是一个流行的基于 Promise 的 HTTP 客户端库,用于在浏览器和 Node.js 中发出 HTTP 请求。Axios 还支持请求和响应的拦截器。接下来通过这篇文章,我们一起来学习和了解一下 Axios 拦截器和并发请求,通过实际代码来介绍如何使用 Axios 拦截器。原创 2023-06-23 18:00:44 · 12481 阅读 · 59 评论 -
Vue3 计算属性和侦听器实战(computed、watch)——简易点餐页面
这篇文章记录一下 Vue3 计算属性和侦听器 (computer、watch) 实战的内容,这篇文章我们在有计算属性和侦听器的基础上,我们来制作一个简易点餐页面,接下来我们一起来从零到一开始制作。原创 2023-06-21 14:19:01 · 4549 阅读 · 83 评论 -
关于 Vue3 响应式 API 以及 reactive 和 ref 的用法
这篇文章记录一下 Vue3 响应式的内容,其中还包括了 reactive 和 ref 的用法。响应式是一种允许以声明式的方式去适应变化的编程范例,接下来我们一起看看。原创 2023-06-20 08:00:00 · 39231 阅读 · 48 评论 -
axios 实战进阶练习——基于 Vue3 + Node.js + ElementPlus 实现的联系人列表管理后台
书接上回,上一篇文章介绍了一个基于 Vue3 和 ElementPlus 的联系人列表管理后台小 demo,在有了上一篇文章的基础上,我们试着用 axios 来获取数据,而不是用写死的数据,然后用 Node.js + Vue3 + ElementPlus 来实现联系人列表管理后台的 demo 。功能包括功能包括了数据的展示、添加功能、编辑功能、删除功能以及列表分页功能。原创 2023-06-12 07:00:00 · 48413 阅读 · 48 评论 -
Vue3 + ElementPlus 实战学习——模拟简单的联系人列表管理后台
这篇文章介绍一下基于 Vue3 和 ElementPlus 的小 demo ,是一个模拟的联系人列表管理后台的,功能包括了数据的展示、编辑功能、删除功能以及列表分页功能。这篇文章是为了下一篇做基础和学习,因此列表的数据使用的是死数据。下一篇预告 Node.js + Vue3 + ElementPlus 实现联系人列表管理后台。原创 2023-06-04 08:30:00 · 4721 阅读 · 44 评论 -
深入与浅谈 Vue 中计算属性和侦听器的区别和使用(Vue3版本为例)
计算属性 computed 和侦听器 watch 都是 Vue.js 框架中用来响应式更新视图的重要概念。在 Vue 项目开发中,这两个技术点是非常重要的,同时也是 Vue 基础中不可缺少的知识点。在面试中,计算属性 computed 和侦听器 watch也是经常出现的考点,作为前端开发也是必须要掌握的。原创 2023-04-30 08:00:00 · 1744 阅读 · 13 评论 -
浅谈在 Vue2 和 Vue3 中计算属性和侦听器的一些变化
计算属性 computed 和侦听器 watch 都是 Vue.js 框架中用来响应式更新视图的重要概念。因此无论是在哪个版本,它们都是不可缺少的概念,这篇文章就不过多详细介绍计算属性和侦听器的概念和理论了,接下来主要谈谈 Vue2 和 Vue3 中计算属性和侦听器的语法变化和不同之处。原创 2023-04-25 21:10:18 · 1199 阅读 · 4 评论 -
宝塔webhook自动化打包Vue项目时,npm不生效问题
这篇文章主要是记录和解决在宝塔面板中,webhook自动化打包vue项目时,npm不生效问题。说来奇怪,好端端的项目,无缘无故出现打包出错的问题(虽然默认的webhook不会显示报错),然后还有代码不能同步。接下来描述看看如何解决这个问题。原创 2023-03-09 13:25:32 · 1218 阅读 · 4 评论 -
Nuxt.js项目开发过程遇到的问题以及对Nuxt.js的学习与总结
这篇文章是关于在做基于nuxtjs的项目过程中遇到的问题,同时还包括学习和了解关于nuxtjs的一些知识点和开发前的须知,以此文章作为笔记,仅供参考。(前提:已经创建好nuxtjs项目,以nuxtjs3为标准)原创 2023-03-01 22:05:47 · 1418 阅读 · 10 评论 -
在 VScode 终端上创建 nuxtjs 项目遇到的问题以及使用 GitHub 遇到的问题和一些个人笔记
这篇文章是关于在vscode终端中创建nuxtjs项目的一些步骤,同时还包括了使用Git、GitHub的一些操作,以此文章作为笔记,仅供参考。(前提:已经安装nodejs、git)原创 2023-02-12 23:44:57 · 8388 阅读 · 7 评论 -
axios实战练习——调用城市天气api接口数据实现天气查询案例
关于这个Vue + axios 获取接口数据的操作,这篇文章就不过多的讲解了,上一篇关于axios的文章已经介绍过了,接下来我们直接来学习和了解一下如何使用高德开放平台(就是那个鲜为人知的高德地图)api接口来实现天气查询的案例。原创 2023-02-02 23:12:27 · 8169 阅读 · 9 评论 -
如何在Vue3 + js项目(脚手架)中使用(下载安装及运行)element-plus以及解决使用过程中遇到的问题
在目前 Vue.js 盛行的前端开发时代,一个较为稳定、可持续更新、具有强大团队背景的 UI 前端 PC 框架——ElementUI(饿了么UI)框架应运而生。它带给我们的不仅仅是柔美、华丽、实用的控件,更多的是那种轻松上手、简单快捷的引用组件方式,以及它开放式的、目录明确的帮助文档。原创 2023-01-15 01:54:49 · 12016 阅读 · 8 评论 -
Vue3 Ajax/axios(runoob.com)
Vue 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。转载 2023-01-09 23:26:03 · 1073 阅读 · 0 评论 -
axios基础学习——通过 Vue + axios 获取接口数据的小demo
关于这个Vue + axios 获取接口数据的小demo,实现效果很简单,就是在Vue语法中,通过axios来获取接口的数据,然后打印出来,这里我们使用的是一个笑话的接口,其中重点关注的是如何使用axios、通过axios获取接口数据,因此这里就不介绍Vue的代码了。原创 2023-01-09 23:53:11 · 6758 阅读 · 5 评论 -
Vue基础入门小demo——记事本
记事本(不是操作系统的那个记事本,是一个简单的网页版本记事本)是一个较全面的Vue指令集合案例,在你学习完大部分基本的v-指令后(如v-model),你可以写这个记事本案例,来熟悉和巩固v-指令的使用方法,记事本这个案例是一个功能比较齐全的小demo,是一个不错的练手案例。原创 2023-01-08 15:13:02 · 10377 阅读 · 8 评论 -
Vue基础入门小demo——图片切换(初阶)
图片切换是一个很经典的Vue入门学习案例,在你学习完一些基本的v-指令后,你可以尝试去写一个简单的demo去巩固和熟悉这些指令的使用方法,那么图片切换这个小demo就是一个不错的练手案例。原创 2023-01-07 14:27:48 · 8555 阅读 · 7 评论 -
关于Vue项目npm操作中npm run serve或npm run dev报错以及二者区别
我们在启动vue项目的时候,需要用到npm操作,比如使用npm run serve或npm run dev。比如说我们下载其他人的开源vue项目时,我们想在本地运行时,我们用的到npm run serve或npm run dev有时候会出现报错,无论是serve还是dev都有出现报错的情况。原创 2022-10-21 01:59:12 · 6365 阅读 · 2 评论 -
解决Vue问题:TypeScript intellisense is disabled on template. To enable, configure `“jsx“...
解决Vue问题:TypeScript intellisense is disabled on template. To enable, configure `"jsx"...原创 2022-10-08 00:24:24 · 539 阅读 · 0 评论 -
前端开发面试题—Vue的生命周期
今天分享一下我遇到很多次的前端面试题,就是Vue的生命周期,比如说问生命周期的过程有多少种钩子函数,分析解释一下生命周期过程中每个钩子函数都做了什么。原创 2022-08-22 00:59:57 · 1224 阅读 · 0 评论 -
关于Vue3.0修改title的内容
关于vue3.0修改页面的title操作原创 2022-06-28 16:49:26 · 1969 阅读 · 2 评论 -
关于Vue的两种API写法——选项API和组合API
理解什么是选项API写法,什么是组合API写法原创 2022-06-05 16:09:25 · 3793 阅读 · 2 评论 -
Vue创建一个路由项目(Vue Router)
💻什么是RouterVue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括:嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码开始创建鼠标右键这个微软logo然后点击Wi...原创 2022-04-27 23:51:05 · 3113 阅读 · 9 评论 -
每日一学—Vue props 属性
props可以像调用方法那样对组件进行传参,当需要给某一个组件传递 props 参数时,这个props 就成为vue组件中的data()对象的一部分,可以直接在组件作用域内使用。原创 2022-04-19 21:17:32 · 9290 阅读 · 0 评论 -
Vue简易购物车奇偶行背景颜色设置
Vue简易购物车奇偶行背景颜色设置原创 2022-04-12 22:17:30 · 1044 阅读 · 0 评论 -
Vue制作简易购物车
Vue制作简易购物车功能描述修改商品数量,同时价格动,总价态变化。点击删除按钮可以动态删除商品原创 2022-04-01 13:58:46 · 1284 阅读 · 6 评论