vue2&vue3

vue3 要将自定义组件注册为全局组件，可以使用 `app.component` 方法

main.ts中import{createApp}from'vue'importAppfrom'./App.vue'importMyCustomComponentfrom'./components/MyCustomComponent.vue'constapp=createApp(App)//将自定义组件注册为全局组件app.component('my-custom-component',MyCus
一嘴一个橘子·2024-01-12 18:27

Vue3中 在 TypeScript 文件中无法使用 useRouer 和 useRoute 的方法和属性是怎么回事?如何解决？

Vue3中在TypeScript文件中无法使用useRouer和useRoute的方法和属性是怎么回事?如何解决？
一个水瓶座程序猿.·2024-01-12 17:47

Vue3 中 Element-Plus 引入 ElLoading 并修改颜色

Vue3中Element-Plus引入ElLoading并修改颜色安装：#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus
一个水瓶座程序猿.·2024-01-12 17:17

echart5.x地图下钻和地图标点(vue3+ts)

地图下钻的独立组件，引入即用在echart地图上踩了太多坑了，记录下吧使用：//地图标点letmapList=[{FarmID:"337207bb-5abe-42ea-949c-e034a3ae6377",FarmName:"优然牧场一场",Long:119.23944,Lati:34.324724,Admin:"小王",Tel:"",Livestock:7660,Address:"",},];l
小旋风01234·2024-01-12 15:20

快速打通 Vue 3（四）：标签的 ref 属性与 Vue3 生命周期

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-12 14:16

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子分享以及测试版本发布实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:40

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -我创建的投票列表实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:10

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -我参与的投票列表实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:09

vue3 vue.draggable.next 拖拽插件

简单介绍vue.draggable.next是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景
W.Y.B.G·2024-01-12 13:20

Vue3实现粒子动态背景

官网：https://particles.js.org/npm：https://www.npmjs.com/package/particles.vue3安装pnpmaddparticles.vue3pnpmaddtsparticles-slim
会说法语的猪·2024-01-12 13:19

组件v-model

这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结一下vue中的组件v-model官网的示例先说下vue2中的使用，再说下vue3中的使用V2单个v-model绑定下面这个单个
会说法语的猪·2024-01-12 13:17

vue3 生命周期

与2.x版本生命周期相对应的组合式APIbeforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmoun
Zh.冠军·2024-01-12 12:10

vue3 实现祖孙组件通信（provide、inject ）

patent.vue//父组件通过provide提供数据import{reactive,provide}from'vue';letobjData=reactive({name:'張三',age:18,})provide('objData',objData)child.vue和childchild.vue//子组件通过inject获取数据import{inject}from'vue'letobjDa
Zh.冠军·2024-01-12 12:10

【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router

Vue3代码APP文件中写入js代码1、首先，通过isMobile()函数判断用户的设备类型。
xiaoming_0208·2024-01-12 12:35

vue3中的hook公共函数封装及运用

vue3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中，或者说是一些可以复用的公共方法/功能使用Vue3的组合API封装的可复用的功能函数自定义hook
Zh.冠军·2024-01-12 12:04

由Vue转React的自学文档

react学习文档由vue3转学react，之前从未接触过react，自学了一遍感觉还好，容易上手。期间的一些笔记，后续有更深的见解持续更新。
雨燕容若·2024-01-12 12:33

Vue2自学笔记

Vue2vue基础vue-clivue-routervuexelement-uivue3Vue，用于构建用户界面的渐进式JavaScript框架。
Kazunto·2024-01-12 12:32

JVxeTable插入行和合并单元格

JVxeTable实践第一章插入行和合并单元格应用vue3.0文章目录JVxeTable实践前言一、实现目标二、代码实现1.JvxeTable标签2.实现方法前言JvxeTable是在JEECGBOOT
哈哈哈iiiiii·2024-01-12 11:50

JVxetable自定义组件（vue3.0）

文章目录一、参考链接二、代码实现1.引入库一、参考链接https://www.jianshu.com/p/f4668a0da259二、代码实现1.引入库代码如下（示例）以颜色选择器组件为例：import{defineComponent,ref}from'vue';import{JVxeComponent,JVxeTypes}from'/@/components/jeecg/JVxeTable/ty
哈哈哈iiiiii·2024-01-12 11:50

Vue3 的基本开发+新特性

Vue31.Vue31.Vue2选项式APIvsVue3组合式APIexportdefault{ data(){  return{   count:0 }}, methods:{  addCount()
m0_58462450·2024-01-12 10:24

Vue3项目目录结构以及变化 一图看懂

通过createvue创建vue项目后的基本框架如下整体变化Vite.config.jsVue项目的配置信息，如：端口号等Package.json项目配置文件，包括项目名，版本号，依赖包，版本等package-lock.json项目配置文件（不需要修改）index.html默认首页node_modules下载的第三方包存放目录public公告资源Src后面百分之90的代码都是在这写assets静态
m0_58462450·2024-01-12 10:23

使用Vite创建vue3工程

介绍使用Vite构建工具，创建Vue3工程示例第一步：执行创建项目的命令，study-front-vue3是项目名称npminitvite-appstudy-front-vue3第二步：进入项目文件夹，
牧小七·2024-01-12 10:52

一个完整的流程表单流转

1.写在前面一个完整的流程表单审批（起表单-->各环节审批-->回退-->重新审批-->完成），前端由Vue2+js+ElementUI升级为Vue3+ts+ElementPlus，后端流程框架使用Flowable
honor_zhang·2024-01-12 10:19

【Vue3】响应式原理

【Vue3】响应式原理一、问题什么是数据响应式？vue2使用Object.defineProperty实现响应式？
wyc_ok·2024-01-12 10:28

Vue3 多语言

Vue3多语言1.下载依赖2.配置文件目录3.编写代码3.1js版本3.2ts版本：4.修改$t为t1.下载依赖#npm#npminstallvue-i18n@9-S#yarnyarnaddvue-i18n
wyc_ok·2024-01-12 09:58

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

ChatGPT4.0国内站点，支持GPT4Vision视觉模型：海鲸AI在Vue中，v-model是一个语法糖，用于在输入框、选择框等表单元素上创建双向数据绑定。当你在自定义组件中实现v-model功能时，你需要理解它背后的原理：v-model实际上是一个属性和一个事件的简写。在Vue2.x中，v-model默认会利用名为value的prop和名为input的事件来更新变量。如果你想在自定义组件中
海鲸AI·2024-01-12 09:51

Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案

在Vue3中，$listeners被删除子组件代码，需要特别注意的是事件名为on开头，例如onBack。
Dreamy_lin·2024-01-12 09:50

vue3的getCurrentInstance获取组件实例踩坑记录

getCurrentInstance基本用法我们可以通过getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中，可以通过this来获取当前组件实例；Vue3
时清云·2024-01-12 09:43

Vue中 keep-alive的实现原理分析

这里以vue3为例整个组件的源码为：constKeepAliveImpl={name:`KeepAlive`,//Markerforspecialhandlingi
时清云·2024-01-12 09:42

【Vue3】2-10 : 表单处理与双向数据绑定原理

本书目录：点击进入一、表单处理1.1、【双向绑定】实现方式一：v-model＞代码＞效果1.2、【双向绑定】实现方式二：:value属性+input事件＞代码＞效果(同上)二、实战2.1【v-model示例】输入框＞代码+效果（见1.1）2.2【v-model示例】单选框＞代码＞效果2.3【v-model示例】复选框＞代码＞效果2.4【v-model示例】下拉菜单＞代码＞效果一、表单处理收集表单数
ladymorgana·2024-01-12 09:39

vue3+ts+vite+elementPlus后台管理系统学习总结01

vue3+ts+vite+elementPlus后台管理系统学习总结01一：运行源代码一：按照博客一步步操作1.ts中引入path模块出错：Cannotfindmodule'path'oritscorrespondingtypedeclarations
万物可爱_85·2024-01-12 08:40

纯前端 —— 200行JS代码、实现导出Excel、支持DIY样式，纵横合并

前期回顾Vue3+TS+Element-Plus封装Tree组件《亲测可用》_vue3+ts组件封装-CSDN博客https://blog.csdn.net/m0_57904695/article/details
彩色之外·2024-01-12 08:35

Vue3 + TS + Element-Plus —— 项目系统中封装表格+搜索表单 十分钟写五个UI不在是问题

前期回顾纯前端——200行JS代码、实现导出Excel、支持DIY样式，纵横合并-CSDN博客https://blog.csdn.net/m0_57904695/article/details/135537511?spm=1001.2014.3001.5501目录一、️newTable.vue封装Table二、newForm.vue封装搜索表单三、TS类型src\types\global.d.ts
彩色之外·2024-01-12 08:00

启动Spring Boot+vue前后端分离的若依（RuoYi）项目

下载若依项目：RuoYi-Vue:基于SpringBoot，SpringSecurity，JWT，Vue&Element的前后端分离权限管理系统，同时提供了Vue3的版本(gitee.com)下载好的项目目录结构这是前端项目
梅秃头·2024-01-12 08:10

vue3的自定义hooks

文章目录前言一、vue3中的hooks如何理解二、vue3自定义hook需要满足的规范三、hooks与utils的区别总结前言Vue3的hook函数的出现，可以让我们更好抽离重复逻辑，聚合相同的功能。
TE-茶叶蛋·2024-01-12 08:03

json-editor-vue3 (Json字段编辑器 )

json-editor-vue3编辑器提示：读文章,少走弯路!!!!!!!!!
满脑子技术的前端工程师·2024-01-12 07:46

vue3的福音框架arco.design

前言：在vue2于2023年底正式宣布不在维护，vue3使用越来越频繁的时刻，我们实现项目的辅助框架也越来越多。
浩星·2024-01-12 07:14

vue3+acro实现日期组件可以直接展示在界面上，不用非得弹框展示

前言：在很多时候，我们使用日期组件的时候，不希望每次都是点击弹出日期弹框，而是，点击日期弹框直接能展示在界面上，在这里我们介绍下使用acro来更加轻松的实现他的效果。实现效果：实现步骤：1、安装插件npminstall--save-dev@arco-design/web-vue2、配置框架//全局main.tsimport"@arco-design/web-vue/dist/arco.css";i
浩星·2024-01-12 07:14

vue/vue3/js来动态修改我们的界面浏览器上面的文字和图标

前言：整理vue/vue3项目中修改界面浏览器上面的文字和图标的方法。效果：vue2/vue3:默认修改public/index.htmlindex.html显示文字...
浩星·2024-01-12 07:37

通过Vscode 简单创建一个vue3+element的项目

首先确保安装的nodejs是18版本以上确保你安装了最新版本的Node.js，并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令VSCode打开终端输入构建项目命令，个人推荐如果有cnpm使用cnpmnpmcreatevue@latestcnpmcreatevue@latest创建成功之后引入element依赖包cnpmielement-ui-S完整引入在main.js中写入以下内
m0_58462450·2024-01-12 07:52

报错Virtual script ... not found, may missing＜script lang=“ts“＞/ “allowJs“: true / jsconfig.json.volar

使用vue3+ts写项目，使用volar作为vue3的语法指示器，遇到了报错。
czy陈泽宇·2024-01-12 07:12

vue3emit监听子组件事件

emit：在子组件中封装emit事件，并返回数据、回调函数等，或单纯执行某个操作后，触发父组件的事件响应。外部要用时，使用@xxxx来接收使用、响应。1、给子组件中的button按钮添加一个handleUserInfo事件，在setup中调用emit事件，设置handleUserInfo对象，用于传递用户输入。2、在handleUserInfo对象中，使用emit自定义一个inputinfo事件，
czy陈泽宇·2024-01-12 07:41

vue3+ts报错：无法找到模块“xxx.vue“的声明文件，xxx隐式拥有“any“类型

1、报错原因：typescript不能识别.vue文件2、解决方法：可以在vite-env.d.ts中添加以下代码，如果没有vite-env.d.ts，可以自己新建一个xxx.d.ts类型的文件即可declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdef
czy陈泽宇·2024-01-12 07:41

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子详情实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 06:02

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -用户投票实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 06:02

vue3 useAttrs的使用场景，提取共有props

1场景多个类似组件都需要传参data，用于请求接口或者处理数据，想让组件干净整洁，把参数data提出来2方法选项式可以使用mixin混入或者extends继承（略）组合式可以使用hook无脑式踩坑（如下代码）：//hookimport{defineProps}from'vue';importservicefrom'@/utils/index';exportdefaultfunctionuseDat
无心使然云中漫步·2024-01-12 06:14

Vue3+Echarts：柱状图的图例（legend)不显示

一、问题在使用Echarts绘制堆积柱状图的时候，想给柱状图添加图例，但是添加完后，图例不显示。二、问题及解决原因这里图例不显示，是因为legend里面图例的文字内容跟series里每一项的name的内容不一致，必须得两者一致才会显示:将两者的内容统一之后，之前添加的图例就显示了：三、其他1、修改图例的大小itemWidth:15,//设置图例的宽度为15像素itemHeight:10,//设置图
十八只兔·2024-01-12 05:06

Vue3:使用解构赋值来读取对象里的键-值对（值也是对象）

一、前言在Vue3中，想要读取一个对象的“键—值”对（值也是一个对象），数据格式如下：{1:{courseName:'课程1',study:'951526',visit:'3785553'}，2:{courseName
十八只兔·2024-01-12 05:05

vue3 ts面试题 常问面试题（连更中.......有错 欢迎提出)

Vue2和vue3区别Api？
阿金要当大魔王~~·2024-01-12 04:17

在Vue3项目中添加Vuepress作为内嵌文档

在Vue项目中添加Vuepress作为内嵌文档vuepress2vuepress作为一个静态网站库，可以有效的开发网站的文档部分。我们可以在已有的vue项目中添加vuepress作为文档页面。在你的vue项目的根目录中创建docs文件夹mkdirdocscddocs初始化项目gitinitnpminit-y安装Vuepresspnpminstall-Dvuepress@next在package.j
正宗咸豆花·2024-01-12 04:39
上一页 82 83 84 85 86 87 88 89 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他