![](https://img-blog.csdnimg.cn/d31d221ab08d4218b69d147483a1bcf1.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 57
vue学习
奶糖 肥晨
一名热爱技术和写作的00后前端程序媛,研究方向包括但不限于大前端、基础架构与中间件、性能优化等。相信不少朋友在CSDN、掘金、博客园、InfoQ、阿里云、公众号,腾讯云等社区看到过俺的干货文章。欢迎一起讨论学习。
展开
-
开源项目推荐-vue2+element+axios 个人财务管理系统
vue2+element+axios 个人财务管理系统是基于 vue2+element+axios 等主流技术栈构建的免费开源的后台管理前端模板。原创 2024-06-17 10:35:35 · 6286 阅读 · 2 评论 -
最新23道vue2+vue3面试题带答案汇总
Vue Router是Vue.js的官方路由管理器。它和Vue.js深度集成,使得构建单页面应用变得易如反掌。Vue Router通过映射URL到组件,使得用户可以导航到不同的视图,而不需要重新加载页面。它监听浏览器的地址变化,并根据路由配置加载对应的组件。原创 2024-06-07 17:03:20 · 5660 阅读 · 0 评论 -
面试题-Vue2和Vue3的区别
Vue 2 和 Vue 3 之间存在许多重要的区别,这些区别涵盖了性能、API 设计、组合式 API(Composition API)、响应式系统以及构建工具等方面。Vue 2 使用 Object.defineProperty 来进行数据劫持,它只能对对象的属性进行劫持,对于新增的属性或者数组的下标变更则无法监听。Vue 3 对 TypeScript 的支持更加完善,使得在 Vue 3 中使用 TypeScript 编写代码更加容易和可靠。行业内幕,洞察先机。的子节点中,而不是它原来的组件模板位置。原创 2024-06-07 16:51:29 · 4773 阅读 · 0 评论 -
vue改名为威优易?
威优易可能会继承 Vue 所具有的强大功能和简洁语法,同时可能会引入一些新的特性和亮点,让开发者们体验全新的前端开发乐趣。大家在日常的工作中,可能会遇到各种挑战和压力,希望通过这样一个小小的玩笑,能够让大家暂时忘却烦恼,放松心情。威优易,这个名字或许会在我们的脑海中留下一段美好的回忆,成为我们谈笑风生的话题之一。它的名字Vue,寓意着“视图”的意思,在前端开发中扮演着至关重要的角色。在这个愚人节,让我们一起欢笑、一起放松,同时也一起期待Vue.js在未来能够带给我们更多的惊喜和突破。哈哈,大家愚人节快乐!原创 2024-04-01 10:00:35 · 1938 阅读 · 5 评论 -
vue在页面使用Vue.prototype全局变量
在 Vue 的模板中,你可以直接访问在 Vue 实例或组件的 data、computed 或 methods 中定义的属性或方法。虽然这不是一个推荐的做法,因为方法调用在模板中可能会导致不必要的性能开销,但你可以通过定义一个方法来返回 globalTcType 的值,并在模板中调用这个方法。避免命名冲突:通常,全局变量和方法的名字以 $ 开头,这是 Vue 的一个约定,以避免与组件的 data、props、computed 等属性产生冲突。你可以在模板中直接使用它,或者通过组件的方法间接使用它。原创 2024-03-22 11:58:23 · 2198 阅读 · 0 评论 -
vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载
通过监听div的scroll事件,可以获取滚动容器的相关属性,如滚动条的位置、可视区域的高度以及整个内容的高度。当滚动条到达底部时,可以执行相应的懒加载逻辑,比如加载更多数据。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。原创 2024-03-09 17:01:46 · 2295 阅读 · 0 评论 -
vue2+elementui上传照片(el-upload 超简单)
这个功能确实是非常常见的,尤其在后台管理系统中,文件上传功能几乎是标配。而Element UI,作为一个基于 Vue 的高质量 UI 组件库,其 el-upload 组件提供了非常便捷的文件上传功能。el-upload 组件允许开发者轻松地实现文件选择、上传、预览以及错误处理等功能。通过简单的配置和事件监听,开发者可以定制上传按钮的样式、上传进度显示、上传成功或失败后的回调函数等。此外,el-upload 还支持多种上传方式,如拖拽上传、多文件上传等,极大地丰富了用户的使用体验。原创 2024-02-28 22:26:26 · 2924 阅读 · 0 评论 -
在同一个Vue项目中的不同vue和HTML页面之间进行跳转
如果你要跳转到的目标HTML页面不是Vue组件,你可以将其作为静态文件放置在项目的public文件夹中。例如,如果你的目标HTML页面位于public/other-page.html,你可以直接在浏览器中访问http://localhost:8080/other-page.html(假设你的开发服务器正在运行在默认的8080端口)。在你的Vue项目中创建一个新的Vue组件,用于包含你要跳转的目标HTML页面。确保这个组件的模板文件和JavaScript文件都正确地组织在你的项目中。行业内幕,洞察先机。原创 2024-01-07 01:11:09 · 1024 阅读 · 3 评论 -
vue2bug解决:in ./src/views/install/data-base/scss/menu.scss Module Warning (from ./node_modules/postc
从给出的警告信息来看,问题似乎与CSS属性start有关这个属性在某些浏览器中可能不受支持,因此建议你使用flex-start代替。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。原创 2023-12-28 18:43:49 · 1737 阅读 · 1 评论 -
npm i|bug处理| ERR! Error while executing: npm ERR! D:\Git\cmd\git.EXE ls-remote -h -t ssh://git
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。添加ssl或者添加name 、email 后重新npm i就好。ssl或者name 、email。原创 2023-11-06 13:49:55 · 5062 阅读 · 3 评论 -
Vue实例知识点分享
通过使用 Vue 实例,我们可以更方便地访问和管理应用程序的数据、状态和行为。同时,Vue 实例也是Vue框架中组件化开发的基础,通过实例可以创建包含特定功能和样式的可复用组件。总结来说,Vue 的实例是用来管理应用程序状态和逻辑的对象,它提供了一种方便的方式来组织和操作应用程序的数据和行为。原创 2023-06-27 17:20:43 · 308 阅读 · 33 评论 -
Vue模板编译
渲染函数将生成的虚拟DOM节点返回给Vue的渲染引擎进行进一步处理并更新到页面上。模板编译的过程将Vue模板转换为可执行的JavaScript代码,以便在运行时动态地生成虚拟DOM并更新视图。这使得我们可以通过声明式的方式编写模板,并通过Vue框架提供的编译器将其转换为有效的代码。原创 2023-06-27 17:08:55 · 379 阅读 · 1 评论 -
Vue中使用分布式事务管理解决方案
传统的单机事务(如关系型数据库的事务)无法直接应用于分布式环境,因为跨多个节点的事务操作可能存在网络延迟、节点故障、并发竞争等问题,导致数据不一致的风险增加。在使用分布式事务管理时,需要根据具体业务场景和需求来选择合适的解决方案,并在系统设计和实现过程中,结合合适的策略和机制来弥补缺点。乐观锁和幂等性设计:在设计数据模型时,引入乐观锁和幂等性操作,减少对分布式事务的依赖,以达到更好的性能和可靠性。性能开销:相比于单机事务,分布式事务需要额外的通信和协调开销,会对系统的性能产生一定的影响。原创 2023-06-20 18:04:39 · 594 阅读 · 0 评论 -
vue2和vue3的渲染过程简述版
标记优化:Vue 3引入了递增式的静态标记(Incremental Static Marking),通过分层次、增量式的标记方式,将模板标记为可静态节点、需要动态跟踪的节点以及可能产生动态内容的节点,进一步减少不必要的更新操作。同时,Vue 3还引入了递增式的静态标记,可以进一步减少不必要的更新操作,提升渲染性能。渲染虚拟DOM:Vue根据渲染函数生成虚拟DOM(Virtual DOM),虚拟DOM是一种轻量级的JavaScript对象,用于表示真实的DOM结构。然后,根据差异进行有针对性地更新。原创 2023-06-19 17:02:48 · 2794 阅读 · 20 评论 -
> Construction@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序
步骤四: 如果仍有异常,则检查是否有 node modules 文件有,可以修改node modules的文件名(这里也可以直接删除node modules);如果没有 则 单独安装 vue-cli-service;步骤一: 检查package.json 中是否有 vue-cli-server,没有则需安装。‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序。步骤二 : 执行npm install命令。原创 2023-05-30 16:15:00 · 1532 阅读 · 0 评论 -
vue 改变数据后,数据变化页面不刷新
this.$nextTick 跟全局方法 vue.nextTick 一样,不同的是,回调的 this 自动绑定到调用它的实例上。this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。在vue项目中,会遇到修改完数据,但是视图却没有更新的情况。使用方法:直接调用即可,或者放到html里面使用。vue 改变数据后,需要滑动页面,数据才更新。vue中表格数据已改变,页面却未更新数据。vue 改变数据后,数据变化页面不刷新。原创 2023-05-11 14:11:17 · 5407 阅读 · 0 评论 -
vue2实现后台管理系统的侧边栏切换子页面
【代码】vue2实现后台管理系统的侧边栏切换子页面。原创 2023-05-07 15:55:58 · 697 阅读 · 0 评论 -
vue3+typescript+vant页面开发案例
【代码】vue3+typescript+vant页面开发案例。原创 2023-04-07 10:32:15 · 892 阅读 · 0 评论 -
vue3 +ts 如何安装封装axios
以vite创建的项目,使用访问接口,并调用接口。vue3安装封装axios,其实和vue2的大差不差。只是在ts和js上,有些区别。原创 2023-04-04 13:44:04 · 3591 阅读 · 17 评论 -
scss|sass使用/deep/报错 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError
scss不支持这个选择器。/deep/ 变:deep。原创 2023-04-04 11:20:47 · 1101 阅读 · 0 评论 -
vue3报错 ERROR Failed to compile with 1 errorYou may use special comments to disable some warnings. U
直接在根目录下创建vue.config.js文件,关键代码。这么多错 全都是因为eslint严格格式。关闭eslint严格格式就好。原创 2023-03-31 16:25:01 · 1333 阅读 · 1 评论 -
vue3安装vant 按需引入和全局引入
【代码】vue3安装vant 按需引入和全局引入。原创 2023-03-31 12:03:04 · 694 阅读 · 11 评论 -
vant安装报错npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but packa
修改版本到16后安装成功。是因为node版本太低。原创 2023-03-31 09:54:47 · 357 阅读 · 0 评论 -
vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题
此时我们就需要先根据真实dom生成虚拟dom, 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较,发现有不一样的地方就直接修改在真实DOM上,然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道,Vue判断两个节点是否相同时主要判断两者的key和元素类型等,因此如果不设置key,它的值就是undefined,则可能永 远认为这是两个相同的节点,只能去做更新操作,这造成了大量的dom更新操作,明显是不可取的。原创 2023-03-30 10:20:45 · 12912 阅读 · 64 评论 -
elementui修改提示文字(placeholder)的字体颜色el-input/el-input-number/el-select/el-cascader/el-time-select适用
elementui修改提示文字(placeholder)的字体颜色el-input/el-input-number/el-select/el-cascader/el-time-select/el-date-picker都适用。原创 2023-03-23 19:49:33 · 4644 阅读 · 0 评论 -
element自定义表头内容
el-table-column需要去掉label和prop属性, 然后使用插槽 slot。如果需要传参,header还是需要加上slot-scope=“scope”。prop也可不去掉。原创 2023-03-21 20:02:22 · 210 阅读 · 0 评论 -
Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
其实想要实现功能很简单,就是在一张图片上监听鼠标滑轮滚动的事件,然后根据上滚还是下滚实现图片的缩放。原创 2023-03-08 11:52:46 · 11214 阅读 · 14 评论 -
pm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: undefi
vue安装element报错。原创 2023-02-25 14:47:50 · 2937 阅读 · 0 评论 -
Mac升级卸载vue/cli2.9.6--无法卸载vue
Mac升级卸载vue/cli2.9.6–无法卸载vue。使用unstall也卸载不掉!!执行后,仍然显示vue版本是2.9.6,这一点让我也很头疼。原创 2023-02-25 13:48:14 · 747 阅读 · 1 评论 -
vue3+ts项目安装路由
【代码】vue3+ts项目安装路由。原创 2023-02-18 17:32:48 · 184 阅读 · 0 评论 -
vue3.0 如何取消eslint 的代码格式校验
【代码】vue3.0 如何取消eslint 的代码格式校验。原创 2023-02-18 17:27:14 · 558 阅读 · 0 评论 -
VUE3+ts安装elementplus
官网地址:https://element-plus.gitee.io/zh-CN/原创 2023-02-18 16:51:47 · 231 阅读 · 2 评论 -
vue : 无法加载文件 C:\Users\xuhuichen\AppData\Roaming\npm\vue.ps1
输入命令查看 get-ExecutionPolicy 为 “RemoteSigned”点击vs code 图标,右键点击属性→兼容性→设置,勾选“以管理员身份运行此程序”在终端窗口输入 set-ExecutionPolicy RemoteSigned。使用管理员身份运行终端powershell。原创 2023-02-18 15:51:23 · 502 阅读 · 0 评论 -
vue图片加载失败 空白页的解决方案@error函数
img标签中有一个onerror事件。是当引用的src属性获取不到图片,或者网络错误导致无法正常显示src属性的图片时,显示的提示错误图片或者是可以代替的万能图片。vue项目中 img标签加载失败(404)方法,@error事件。@error就是onerror。也可以用于项目中空白页的研发。原创 2023-02-16 13:39:10 · 2250 阅读 · 8 评论 -
vue下载后端文件流
接口加上:responseType: "arraybuffer",export function postExport(data) { return request({ url: 'http。。。', method: 'POST', responseType: "arraybuffer",//加上这行 data ...原创 2022-11-03 18:54:00 · 330 阅读 · 0 评论 -
vue js文字跑马灯基础版本
1.html原生方法<marquee>123123</marquee>2.定时器方法let paymentPromptText = document.getElementById('paymentPromptText'); // 文本的总宽度 const textWidth=paymentPromptText.scrollWidth let ...原创 2022-11-23 14:45:00 · 276 阅读 · 0 评论 -
vue2双向绑定原理:深入响应式原理defineProperty、watcher、get、set
响应式是什么?Vue 最独特的特性之一~就是我们在页面开发时,修改data值的时候,数据、视图页面需要变化的地方变化。主要使用到哪些方法?用Object.defineProperty给watcher对象的每一个属性分别定义了get和set。getter负责记录依赖,setter负责数据拦截、对data属性的赋值和修改dom更新。大白话就是通过数据劫持 defineProperty + 发...原创 2022-10-08 13:23:00 · 821 阅读 · 0 评论 -
如何使用netlify部署vue应用程序
什么是Netlify?Netlify是一个现代网站自动化系统,其JAM架构代表了现代网站的发展趋势。所谓JAM,就是指基于客户端JavaScript、可重用API和预构建Markup标记语言的三者结合。有了Netlify,我们只要在本机Git中写前端代码,然后推送它,网站就能完美地对外呈现。不需要购买网站。个人感觉类似于一个网站托管工具那怎么将网站托管到Netlify呢?至于登录 Ne...原创 2022-09-30 14:40:00 · 573 阅读 · 0 评论 -
element时间组件 数据格式化||yyyy-MM-dd HH:mm:ss
const data={ name:this.ruleForm.name, startTime:`${this.ruleForm.startTime.getFullYear()}-${this.ruleForm.startTime.getMonth() + 1}-${this.ruleForm.startTime....原创 2022-12-14 11:48:00 · 342 阅读 · 0 评论 -
如何在dom中使用element的Loading 加载
element加载原文地址在原文案例中,提供了表格容器和整页加载的案例,想要在div局部区域内怎么做呢?使用div为案例:html中: <div v-loading="loading"></div>data中: loading: true,methods中:startLoading: function () { loading...原创 2022-07-08 17:36:00 · 403 阅读 · 0 评论