![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
蓝斑.json
梦未完结,大寒尚有蝉
展开
-
webpack创建vue3+ts框架运行时报错:‘./App.vue‘ or its corresponding type declaration 的问题
这段代码段就是官方的哈,小伙伴赶紧试试吧。后缀的声明文件中添加下面的代码。解决方法:项目的根 shim.原创 2024-03-17 21:09:22 · 198 阅读 · 0 评论 -
webpack创建vue3+ts框架运行时报错: You may need an additional loader to handle the result of these loaders.
安装完成后再到webpack.config.js文件配置一下module即可。原创 2024-03-17 20:26:51 · 1941 阅读 · 0 评论 -
Vue2 vue3页面等待加载组件动画,纯代码
float{整数} 作用:调整加载动画大小。原创 2024-03-07 14:02:35 · 350 阅读 · 0 评论 -
在vue中如何使用: new Notification
注意:由于通知相关的API设计有限制,通常只能在用户主动交互(例如点击按钮)的事件处理程序中请求授权和创建通知。在非用户主动交互的情况下尝试创建通知(例如在组件的生命周期钩子中)可能会被浏览器阻止。用户授权:为了向用户显示通知,需要获得用户的授权。API在现代浏览器中是可用的,但部分浏览器可能存在兼容性问题。来创建通知,传递通知的标题和选项。根据用户的授权情况,将决定是否创建通知。请参考浏览器的相关文档以及适当处理和尊重给用户的通知权限和体验。在Vue中,你可以在组件的方法中调用。在Vue中,你可以使用。原创 2024-01-23 08:16:12 · 809 阅读 · 0 评论 -
vue3有了解过吗?能说说跟vue2的区别吗?
关于vue3的重构背景,尤大是这样说的:「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了在我们更新(和重写)Vue 的主要版本时,主要考虑两点因素:首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平;其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」利用新的语言特性(es6)解决架构问题。原创 2024-01-18 08:07:26 · 1103 阅读 · 0 评论 -
你是怎么处理vue项目中的错误的?
另外,如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数),则来自其 Promise 链的错误也会被处理。中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。从 2.2.0 起,这个钩子也会捕获组件生命周期钩子里的错误。是 2.5.0 新增的一个生命钩子函数,当捕获到一个来自子孙组件的错误时被调用。时,被捕获的错误会通过。原创 2024-01-18 08:04:48 · 578 阅读 · 0 评论 -
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
虚拟 DOM ()这个概念相信大家都不陌生,从React到Vue,虚拟DOM为这两个框架都带来了跨平台的能力(和Weex实际上它只是一层对真实DOM的抽象,以JavaScript对象 (VNode节点) 作为基础的树,用对象的属性来描述节点,最终可以通过一系列操作使这棵树映射到真实环境上在Javascript对象中,虚拟DOM表现为一个Object对象。并且最少包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,不同框架对这三个属性的名命可能会有差别创建虚拟。原创 2024-01-12 11:44:49 · 1180 阅读 · 0 评论 -
vue3中如何解决跨域问题(真正意义上的一行代码解决跨域)
在使用 Vue 3 时,解决跨域问题通常涉及对开发服务器的配置和可能的后端更改。原创 2024-01-05 17:33:58 · 1652 阅读 · 2 评论 -
vue中什么是过滤器啊?
在组件的选项中定义本地的过滤器filters: {if (!if (!})new Vue({// ...})注意:当全局过滤器和局部过滤器重名时,会采用局部过滤器过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在上述例子中,capitalize过滤器函数将会收到message的值作为第一个参数在这个例子中,filterA被定义为接收单个参数的过滤器函数,表达式message的值将作为参数传入到函数中。然后继续调用同样被定义为接收单个参数的过滤器函数filterB,将。原创 2024-01-04 09:11:43 · 418 阅读 · 0 评论 -
你vue有写过自定义指令吗?知道自定义指令的应用场景有哪些吗?
开始之前我们先学习一下指令系统这个词指令系统是计算机硬件的语言系统,也叫机器语言,它是系统程序员看到的计算机的主要属性。因此指令系统表征了计算机的基本功能决定了机器所要求的能力在vue中提供了一套为数据驱动视图更为方便的操作,这些操作被称为指令系统我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能除了核心功能默认内置的指令 (v-model和v-show),Vue也允许注册自定义指令//会实例化一个指令,但这个指令没有参数`v-xxx`// -- 将值传到指令中。原创 2024-01-04 09:09:06 · 811 阅读 · 0 评论 -
Vue常用的修饰符有哪些?有什么应用场景?
事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。在程序世界里,修饰符是用于限定类型以及类型成员的声明的一种符号。事件会让我们的网页变卡,因此我们使用这个修饰符的时候,相当于给。使用.native修饰符来操作普通HTML标签是会令事件失效的。在移动端,当我们在监听元素滚动事件的时候,会一直触发。在我们填完信息,光标离开标签的时候,才会将值赋予给。自动过滤用户输入的首空格字符,而中间的空格不会过滤。内置标签那样监听根元素的原生事件,否则组件上使用。原创 2023-12-31 14:03:00 · 933 阅读 · 0 评论 -
vue中怎么缓存当前组件?缓存后怎么更新?今天来说说keep-alive的理解
值,用其与新的缓存规则进行匹配,如果匹配不上,则表示在新的缓存规则下该组件已经不需要被缓存,则调用。发生了变化,即表示定义需要缓存的组件的规则或者不需要缓存的组件的规则发生了变化,那么就执行。设置了 keep-alive 缓存的组件,会多出两个生命周期钩子(中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染。包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。中缓存组件的数量是否超过了设置的最大缓存数量值。表明该组件还没有被缓存过,则以该组件的。,如果超过了,则把第一个缓存组件删掉。原创 2023-12-31 13:59:15 · 1418 阅读 · 1 评论 -
你能描述下你对vue生命周期的理解?在created和mounted这两个生命周期中请求数据有什么区别呢?
你能描述下你对vue生命周期的理解?在created和mounted这两个生命周期中请求数据有什么区别呢?原创 2023-12-30 09:10:28 · 898 阅读 · 0 评论 -
为什么v-if和v-for不建议放一起?v-if和v-for的优先级是什么?
指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回。作用在不同标签时候,是先进行判断,再进行列表的渲染。模板编译的时候,会将指令系统转化成可执行的。的列表渲染函数,函数内部都会进行一次。指令基于一个数组来渲染一个列表。是源数据数组或者对象,而。则是被迭代的数组元素的别名。形式的特殊语法,其中。模板指令的代码都会生成在。值是独一无二的,这便于。这时候我们可以看到,原创 2023-12-29 08:27:02 · 401 阅读 · 0 评论 -
会用vue吗?你对vue的mixin的理解,有什么应用场景?
。原创 2023-12-27 10:23:14 · 1179 阅读 · 0 评论 -
Vue中的$nextTick有什么作用?说说你对$nextTick的理解
在修改数据之后立即使用这个方法,获取更新后的 DOM。将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,再统一进行更新。等待同一事件循环中的所有数据变化完成之后,会将队列中的事件拿来进行处理,进行。每次更新值都会触发视图更新(上面这段代码也就是会更新10万次视图),有了。如果我们一直修改相同数据,异步操作队列还会进行去重。,而是将修改数据的操作放在了一个异步操作队列中。如果想要在修改数据后立刻得到更新后的。节点,却发现获取到的是旧值。机制,只需要更新一次,所以。数据在发现变化的时候,原创 2023-12-27 10:10:38 · 791 阅读 · 0 评论 -
vue中最重要的点,双向数据绑定是什么?
我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了ViewModel的数据也自动被更新了,这种情况就是双向绑定举个栗子当用户填写表单时,View的状态就被更新了,如果此时可以自动更新Model的状态,那就相当于我们把Model和View做了双向绑定关系图如下。原创 2023-12-22 08:11:29 · 1156 阅读 · 1 评论 -
写了这么久的vue,Vue组件之间的通信方式都有哪些?
适用场景:子组件传递数据给父组件子组件通过$emit触发自定义事件,$emit第二个参数为传递的数值父组件绑定监听器获取到子组件传递过来的参数Father.vue。原创 2023-12-22 08:11:40 · 852 阅读 · 0 评论 -
双向数据绑定是什么
我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了ViewModel的数据也自动被更新了,这种情况就是双向绑定举个栗子当用户填写表单时,View的状态就被更新了,如果此时可以自动更新Model的状态,那就相当于我们把Model和View做了双向绑定关系图如下。原创 2023-12-23 08:37:36 · 1369 阅读 · 0 评论 -
这些必须会的Vue常用指令和修饰符,你都懂多少?
v-show:与v-if类似,也是根据表达式的值来控制元素的显示和隐藏,但是使用CSS的display属性来实现。v-bind简写:通过冒号":"来简化v-bind指令的写法,用于动态绑定元素属性或组件的props。v-if、v-else-if、v-else:用于条件性地渲染元素,根据表达式的值来显示或隐藏元素。v-html:用于更新元素的HTML内容,将绑定的数据作为HTML代码解析并显示在元素中。v-text:用于更新元素的文本内容,将绑定的数据直接显示在元素中。原创 2023-12-23 08:33:27 · 1076 阅读 · 0 评论 -
写了这么久的vue,Vue中组件和插件有什么区别?
调试方便,由于整个系统是通过组件组合起来的,在出现问题的时候,可以用排除法直接移除组件,或者根据报错的组件快速定位问题,之所以能够快速定位,是因为每个组件之间低耦合,职责单一,所以逻辑会比分析整个系统要简单。降低整个系统的耦合度,在保持接口不变的情况下,我们可以替换不同的组件快速完成需求,例如输入框,可以替换为日历、时间、范围等组件作具体的实现。提高可维护性,由于每个组件的职责单一,并且组件在系统中是被复用的,所以对代码进行优化可获得系统的整体升级。方法,第一个参数为组件的名称,第二个参数为传入的配置项。原创 2023-12-21 10:51:06 · 575 阅读 · 1 评论 -
vue写了这么久了您是否知道:为什么data属性是一个函数而不是一个对象?
组件原创 2023-12-18 09:10:00 · 284 阅读 · 1 评论 -
v-show和v-if有什么区别?使用场景分别是什么?
是真正的条件渲染,它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。只有渲染条件为假时,并不做操作,直到为真才渲染。切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;的作用效果是相同的(不含v-else),都能控制元素在页面是否显示。如果需要非常频繁地切换,则使用 v-show 较好。如果在运行时条件很少改变,则使用 v-if 较好。不管初始条件是什么,元素总是会被渲染。的时候不会触发组件的生命周期。有更高的初始渲染消耗;要复杂的多,因为还有。原创 2023-12-16 09:00:14 · 482 阅读 · 1 评论 -
面试官:你对SPA单页面的理解,它的优缺点分别是什么?如何实现SPA应用呢
SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTMLJavaScript和CSS。原创 2023-12-16 08:56:00 · 209 阅读 · 0 评论 -
有使用过vue吗?说说你对vue的理解
到这里大家就更熟悉了,移动设备的普及,Jquery的出现,以及SPA(Single Page Application 单页面应用)的雏形,Backbone EmberJS AngularJS 这样一批前端框架随之出现,但当时SPA的路不好走,例如SEO问题,SPA 过多的页面、复杂场景下 View 的绑定等,都没有很好的处理经过这几年的飞速发展,节约了开发人员大量的精力、降低了开发者和开发过程的门槛,极大提升了开发效率和迭代速度,我们可以称之其为工业时代。节点跟视图绑定后,通过修改变量的值控制。原创 2023-12-13 12:45:56 · 160 阅读 · 0 评论 -
2024最新教程,手把手带你创建一个 Vue 3应用
在本节中,我们将介绍如何在本地搭建 Vue。创建的项目将使用基于的构建设置确保你安装了最新版本的,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令。原创 2023-12-01 10:29:24 · 604 阅读 · 0 评论 -
uniapp蓝牙连接打印机
为什么要列举市面上的蓝牙版本,因为在我们日常的小型无线蓝牙打印机设备中,绝大多数都是都是蓝牙3.0,记住是90%以上,我查阅过大量的蓝牙打印机,如果在设备参数上没写蓝牙版本的默认就是蓝牙3.0。所以你必须要清楚的知道你的打印机和你发给它的指令集是否一致,很多文章上来就码出代码,根本不说清楚原理,就会出现上面所说的各种问题。我还要插一句题外话,这个是帮我们减少代码量的,一些demo文章关于蓝牙打印的代码很长,因为它包含了整套的流程,包括蓝牙设备的搜索、连接等,实际上我要说的是,完全没有必要。原创 2023-07-31 10:02:12 · 5394 阅读 · 10 评论 -
uni-app基于vk-uview密码和确认密码的校验
以上属于个人笔记、基于{ uni-app,vk-uview3组件 }如诺想要正常使用请在vue3中配置。原创 2023-06-20 18:48:07 · 783 阅读 · 0 评论 -
Vue3如何使用Element-Ui?Element-Plus#按需导入
Vue3是不能直接使用Element-ui了,需要换成Element-plus。这里就是Element-plus的官方文档了。老规矩:如果是新的Vue3项目那么可以直接把下面的代码直接拿走。如果是新的Vue3项目那么可以直接把下面的代码直接拿走。安装完成之后,看到这个版本型号就算是真正安装成功啦。安装完成后找到vue.config.js。但是现在字体图标组件库还是不能够使用的。老规矩废话、少说直接安装依赖。,才能够直接在项目里使用。Vue3如何使用Element-Ui?Element-Plus#按需导入原创 2023-05-05 15:54:28 · 1062 阅读 · 0 评论 -
一行代码解决Vue跨域请求Vue报错:AxiosError
我们首先是核实一下域名是否正确,如果域名正确没有输入错误那就是跨域权限问题了,那我们如何解决呐?首先我们打开vue.config,js。这种错误一般情况下都是域名错误或者跨域权限不够,也就是我们常说的"网络请求跨域错误"然后我们的跨域问题就解决啦。原创 2023-04-06 15:55:30 · 10957 阅读 · 5 评论 -
使用vue的图片裁剪vue-cropper全步骤
今天就来讲讲图片剪辑vue-cropper这个组件,本篇文章将一五一十的列出全步骤。好啦我们废话不多说。报错原因:说明项目中没有。我们这里需要两个文件夹。最后我们可能会报错的哈。0个报错 简单易懂的vue-cropper文章原创 2023-04-06 13:24:59 · 1358 阅读 · 3 评论 -
s获取UEditor文本编辑器中的图片地址
写之前在网上找了很多方法,最简单的思路应该是1.获取UEditor中的内容;2.将获取到的字符串转换成jquery对象;3.选择器找到img元素,获取src值。原创 2023-03-31 10:57:34 · 58 阅读 · 1 评论 -
在JS中,手动添加标签
【代码】在JS中,手动添加标签。原创 2023-11-28 07:56:35 · 339 阅读 · 0 评论 -
TinyMce富文本处理器 在Vue3 vue-vite中使用(小白避坑 必看)
这里先声明一下:TinyMce在4.0以后就不支持Vue2.0了, 所以我们需要固定版本,或者降低版本!我是觉得吧 tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂。以上都是一些原始的功能 接下来我们再导入一些文件 即可满我们大部分需求啦。我们下一步 把下载的 zh_CN.js 文件放到 public 目录下。编辑器本身是英文编辑器,所以还需要下载本地化文件(下载这个)再在components 注册。然后我们再使用这个方法。vue3的下载命令如下。vue2的下载命令如下。原创 2023-03-06 14:57:57 · 13081 阅读 · 56 评论 -
手机 vue左右滑动效果
【代码】手机 vue左右滑动效果。原创 2022-12-14 19:55:08 · 197 阅读 · 0 评论 -
Vue.config,js 文件绝美配置
还有还有↓App.vue基础 配置文件 Vue.config,js 文件绝美配置原创 2022-12-08 09:13:45 · 251 阅读 · 0 评论 -
vue 小kins的问题
在现有vue项目中添加路由配置步骤如下:1.安装vue-router:npm install vue-router --save安装完成后可以在package.json->dependencies中看到版本号 npm audit` for details 运行“npm 审核”了解详细信息。npm audit fix --force npm 审核修复 --强制npm audit fix npm 审核修复npm install webpack -g npm 安装 webpack -g该原创 2022-12-08 09:11:25 · 176 阅读 · 0 评论 -
Vue 去除自带的外边距:8px;
看↑图就可以搞定了如果报错: webpack < 5 用于默认包含 NODE.js 核心模块的 polyfill ;解决方案如下↓原创 2022-12-08 09:07:47 · 1042 阅读 · 1 评论 -
Vue路由的安装与使用
在 src 文件夹中的 router 文件夹下的 index.js。在 main.js 文件中引入 router。Vue路由的安装与使用原创 2022-11-22 10:43:43 · 145 阅读 · 2 评论 -
vue 组件名称错误
这种报错 错误 组件名称“Home”应始终为多字 vue/多字组件名。使用 // eslint-disable-next-line 忽略下一行。使用 /* eslint-disable */ 忽略文件中的所有警告。本人觉得最实用的方法就是找到目录中的vue.config.js文件。然后差不多就可以完成了 问题也可以完美的解决。您可以使用特殊注释来禁用某些警告。原创 2022-11-10 09:05:46 · 1837 阅读 · 5 评论