最新 最热

vue3自定义hook

Vue 3 引入了 Composition API,它提供了一种新的方式来组织和复用组件的逻辑。自定义 Hook 是 Composition API 的一个重要特性,它允许我们将一些相关的逻辑封装成可复用的函数,以便在不同的组件中使用。...

2023-05-21
1

Vue3生命周期

Vue 3 的生命周期函数是在组件创建、更新和销毁的不同阶段执行的一系列钩子函数。这些生命周期函数提供了在组件不同阶段执行自定义逻辑的机会。

2023-05-21
1

vue3如何选择reactive或ref

在 Vue 3 中,我们可以使用 reactive 和 ref 来创建响应式数据。但是,在实际开发中,我们应该如何选择使用哪种方式呢?本文将从以下几个方面来探讨这个问题:...

2023-05-20
1

npm安装element ui出错的问题--版本不匹配

由于element ui是与vue2匹配的,而我使用的是vue3。 我采用的解决方法就是使用与vue3对应的element plus。 安装命令如下所示,选择其中一个即可。

2023-05-06
1

Vue3实现打字机效果

typeit 介绍 typeit是一款轻量级打字机特效插件。该打印机特效可以设置打字速度,是否显示光标,是否换行和延迟时间等属性,它可以打印单行文本和多行文本,并具有可缩放、响应式等特点。官方文档 安装# npmnpm install type...

2023-05-06
1

Vue3实现组件级基类的几种方法

vue3提供了 mixins和extends,但是尝试之后发现这两种方法只支持纯OptionAPI,设置的data会被识别,但是设置的setup里return 的 reactive,完全无效,setup也没有被执行。 所以这种方式只能使用于第一种方式。...

2023-05-02
1

vue3+ts项目安装路由

安装路由npm install vue-router@4声明路由文件src/router/index.tsimport { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";const routes:Array<RouteRec...

2023-04-23
1

vue3.0 如何取消eslint 的代码格式校验

报错:You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings...

2023-04-23
1

在 Vue3 中实现飘逸的元素拖拽

元素拖拽是一个比较典型的前端学习案例,需要对 JavaScript 的事件有一定的了解,我也是在最近的工作中才重新拾起了这块内容,通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。...

2023-04-22
1

vue 模板中使用 console.log

模板中的表达式将被沙盒化,仅能够访问到有限的全局对象列表。该列表中会暴露常用的内置全局对象,比如 Math 和 Date。没有显式包含在列表中的全局对象将不能在模板内表达式中访问。...

2023-04-21
1