vue3.X

Vue3.x配合Antv使用

准备工作安装vue-cli,由于cli版本更新较快，本文采用vue-cli3.x版本因此安装命令如下：yarnglobaladdvue-cli@3Tip:安装完后检查版本vue-V如环境报错，需要在环境变量中path中添加vue.cmd的路径，如C:\Users\haha\AppData\Local\Yarn\bin创建项目文件夹并进入vuecreateantv-democdantv-demo安装
淡淡紫色·2023-09-02 00:49

Vue3.X 路由与导航栏、侧边栏（四）

我们接着上一节的Vue3.x生命周期（三）的说明，我们这一节讲解了项目中路由的配置与导航栏、侧边栏的关系。一、路由配置vue项目中路由配置有一个固有文件夹，可以配置路由，这样的优点使项目更加清晰明了。
花开花落与云卷云舒·2023-09-01 05:31

Vue3.X 掌握基础知识（二）

接着上一篇Vue3.X创建简单项目（一），我们接着往下了解Vue的一些简单的功能。一、HomeView.vue的改写复习这里我们介绍数据的绑定、判断、for循环等功能。
花开花落与云卷云舒·2023-09-01 05:01

Vue3.X 生命周期（三）

接着上一节的Vue3.X掌握基础知识（二）的说明，这一节说明了vue的生命周期。一、生命周期这一节讲解了vue3.X的生命周期数据的渲染前与渲染后的区别。
花开花落与云卷云舒·2023-09-01 05:30

Vue中使用TypeScript

vue-property-decorator组件的使用Tip:这篇文章是我用到了typescript后写的，因为刚接触没多久，写得不好多多海涵，栗子用了另外一位作者的，在此表示感谢，vue3.x开始会慢慢向
我小时候很可爱·2023-09-01 04:59

第一章、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue目录结构

目前最新版本是Vue3.x。Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.
我爱张智容·2023-08-28 06:25

Vue3.0 新特性以及使用变更总结

那Vue3.x中就可以
xsqsharp·2023-08-27 10:52

Nginx开启Gzip优化网页访问速度

所有前端皆可开启gzip优化如果是Vue项目可以直接打包出来gz文件，这样可以省去nginx动态压缩占用的cpuNginx1.16.x--with-http_gzip_static_module模块[可选]Vue3
grey_sky·2023-08-27 03:53

Vue3+Spring Boot前后端分离开发

前言之前本人在学习Vue3.x与SpringBoot整合时，遇到了诸如跨域、使用axios报错等问题，在成功解决后，总结了一些经验，于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章
zjojk·2023-08-26 07:58

vue3.X 遇到TypeError: Cannot read property ‘parseComponent‘ of undefined解决方法

运行如下代码：npmi@vue/compiler-sfc@latestnpmivue-loader@next
王小王和他的小伙伴·2023-08-25 08:04

Vite中使用Ant Design Vue3.x框架

1.全局引入安装ant-design-vuenpmi--saveant-design-vuemain.js引入import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router/index'importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.
大白o·2023-08-24 15:30

WebStorm 中 VUE 设置 alias.config.js 别名后，点击 @/utils/request @/router/ 时不能跳转到指定文件

2021-11-11更新：实测在vue2.x与vue3.x环境中这种方法都可用，昨天晚上刚开始尝试vue3，香不香目前还没感受到，但是Vite感觉还是
Roc.Chang·2023-08-22 05:29

封装vue2局部组件都要注意什么

template节点中template中使用的指令{{msg}}0.5">NowyouseemeNowyoudon'ttemplate定义根节点注：vue2.x版本中，节点内dom结构仅支持单个根节点；但在vue3
朝阳若蓝·2023-08-13 14:27

第十四讲、Vue3.x中组件的生命周期函数（lifecycle）、 this.$nextTick、动态组件 keep-alive、Vue实现Tab切换

一、Vue3.x中组件的生命周期函数lifecycle.pngbeforeCreate：在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。
我爱张智容·2023-08-12 06:17

Vue2：组件高级（上）

Vue2：组件高级（上）Date:May20,2023Sum:组件样式冲突、data函数、组件通信、props、组件生命周期、vue3.x中全局配置axios目标：能够掌握watch侦听器的基本使用能够知道
CaptainDrake·2023-08-10 03:13

Vue3.x 超详细安装教程

请事先装好nodeJs整个vue-cli版本：vue3.0.0+vue-router4.0.0-0+vuex4.0.0-0+eslint6.7.2+typescript4.1.5安装步骤1.安装vue-clinpm或yarn安装npminstall-g@vue/cliyarnglobaladd@vue/cli查看版本（是否安装成功）：vue-V(大写的V)vue--versionimage当前我安
乙哥驿站·2023-08-08 17:29

vue devtools使用无效，Vue.js is detected on this page解决方法

vue3.x初始化模板中似乎不包含devtools插件支持，需要自己手动配置一下，代码很简单，直接上图在main.js中添加constapp=createApp(App)app.config.devtools
VinSmokeW·2023-08-06 19:37

Vue2和Vue3的区别

Vue.js有两个版本，Vue2.x和Vue3.x，以下是它们之间的主要区别：性能优化：Vue3.x在内部进行了大量优化，包括使用ProxyAPI来代替Object.defineProperty来实现响应式
风泩·2023-08-06 06:33

【Vue】Vue项目创建的两种方式

目录0.提前准备(2)webpack(3)vue全局脚手架查看已安装版本(4)CNPM1.创建Vue项目的两种方式(1)Vue2.x项目(2)创建Vue3.x项目(1)使用vuecreate创建(2)使用
萌狼蓝天·2023-08-04 06:20

Vue3.x 组件的渲染过程

vnode到真实DOM是如何转换的？一个组件想要生成DOM的过程创建vnode----->渲染vnode------>生成DOM组件创建好之后如何初始化？先看一下Vue2和Vue3中的初始化的代码?//vue2importVuefrom'vue'importAppfrom'./App'constapp=newVue({render:h=>h(App)})app.$mount('#app')//Vu
阿畅_·2023-08-04 04:08

基于 Vue2.X/Vue3.X 项目引入 vue-code-diff/v-code-diff 代码差异插件并使用

基于Vue2.X/Vue3.X项目引入vue-code-diff/v-code-diff代码差异插件并使用1、Vue2.X的项目[email protected]父页面：index.vueimportCodeDifffrom
帅龍之龍·2023-08-02 15:17

vue3.x + vite4.3构建属于自己的组件库并发布npm包

前端登顶之巅–全方位为你梳理前端进阶之路、最全前端知识/面试点总结在国内的项目研发过程中，使用vue框架的项目占比很大，同样延伸出了很多非常优秀的UI组件库，比如element-plus、ant-design等；优势：资源较少，快速开发，丰富的API，阅读性、性能优化更好等等。开发流程准备创建基础的vite脚手架npmi-gpnpm//先安装pnpm第三方依赖包管理工具(npm/cnpm/yarn
SunnyRun！·2023-08-01 15:00

Vue3.X学习笔记

引用demo1Vue.createApp({//创建一个Vue实例，简单理解就说，我要使用Vue了template:'Helloworld'}).mount('#app')//这个模板需要放一个位置，也就是说挂载，挂载到`id=app`的DOM上创建应用app和挂载//创建constapp=Vue.createApp({})//挂载到DOMconstvm=app.mount("#app")或者Vu
我是帅气的石头·2023-07-29 18:03

Vue2.x和Vue3.x面试常问知识点-面试题

SPA单页面的理解，它的优缺点分别是什么？是什么SPA（singlepageapplication）仅在Web页面初始化时加载相应的HTML、JavaScript和CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转而页面的变化是利用路由机制实现HTML内容的变换，避免页面的重新加载。优点用户体验好，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染减少了不必要
JackieDYH·2023-07-29 17:37

在vscode 快速创建代码片段 之 vue3.x（自用供参考）

{//Placeyoursnippetsforvuehere.Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyand//description.Theprefixiswhatisusedtotriggerthesnippetandthebodywillbeexpandedandinserted.Possiblevariablesare:
这世界唯一的妳·2023-07-29 01:56

Vue3.x 版本的生命周期钩子函数

setup()开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method//必须先引用再使用import{onBeforeMount,onMounted,onUpdated,onBeforeUnmoun,onUnmounted}from'vue'//组件挂载到节点上之前执行的函数onBeforeMount() //组件挂载完成后执行的函数  onMount
这世界唯一的妳·2023-07-29 01:56

Vue 3 迁移策略笔记—— 第9节：新增 emits 选项

概述Vue3.x新增了一个emits组件选项，用来定义组件可以向父组件emit的事件。其类似于props。
杰~JIE·2023-07-28 23:19

Vue 3 迁移策略笔记—— 第2节：Async Components 异步组件

知识储备：异步组件概述Vue3.x中，对异步组件的使用跟Vue2.x不同了。
杰~JIE·2023-07-28 23:18

Vue 3 迁移策略笔记—— 第5节：移除 $children

概述在Vue3.x中，将移除且不再支持$children。Vue2.x中的$children官方描述：vm.$children类型：Array只读详细：当前实例的直接子组件。
杰~JIE·2023-07-28 23:18

Property xxx was accessed during render but is not defined on instance

vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告，虽然不影响js运行，但是对于强迫症玩家难受的不行，下面我们来看一下这个问题是如何产生的
```陪伴·2023-07-27 10:24

vue中v-if和v-for优先级在vue2和vue3中的区别

在vue3.x中，v-if总是优先于v-for生效。
沉迷...·2023-07-27 00:49

基于Vue2.X/Vue3.X对Monaco Editor在线代码编辑器进行封装与使用

对此进行基于Vue2.X/Vue3.X的封装和使用。
帅龍之龍·2023-07-25 21:27

Vue + ElementUI + Vue-socket + nodejs实现简单聊天室

一开始我选的是3.x，发现3.x的版本在使用Vue-socket的时候会报错，Github上说这确实存在不兼容的问题，并且vue3.x兼容Elementui感觉也不是很好。
摸鱼程序员·2023-07-25 15:25

vue3 项目打包后白屏

根据Vue3.x文档，在vue.config.js/vite.config.ts统一对webpack、跨域、端口号等属性进行配置。
Sunny·2023-07-25 13:59

defineExpose暴露

在vue3.x的setup语法糖中定义的变量默认不会暴露出去，这时使用definExpose({})来暴露组件内部属性给父组件使用//子组件//子组件letaaa=ref("aaa")defineExpose
qq_2524963996·2023-07-25 11:40

如何用uni-app+vue3+vant开发微信小程序

；新版uni-app框架主要做了三大改进：重写框架内核：基于vue3+ts重写内置组件和API，实现更彻底、更高效的tree-shaking；新增支持Vite构建工具，在H5平台实现秒开预览；新增支持Vue3
秃头姐妹·2023-07-25 03:35

vue 使用i18n和i18n Ally自动化翻译

以下为vue2.x使用i18n和i18nAlly自动化翻译的步骤,vue3.x配置步骤>>vue版本>2.6.12vue-i18n版本>8.25.01.安装i18nnpminstallvue-i18n-
小橙几·2023-07-19 07:34

vue 的双向绑定原理

目录一、一句话描述vue的双向绑定原理二、细说vue的双向绑定原理1、vue2.x的双向绑定2、vue3.x的双向绑定3、一个完整的案例一、一句话描述vue的双向绑定原理（vue的响应式原理）vue在实例化的时候
weixin79893765432...·2023-07-18 01:26

vue-next-admin vue3.x版本，table自定义

vue3.x版本，将table进行了封装。使用起来更方便了。但是，有时候我们需要将一组信息显示到一列中。所以我将其进行了简单的二次改造。支持table-column自定义。
LingRuiBin·2023-07-17 23:55

基于 vue-cropper 库 实现的 图片裁剪组件（含vue2.x/vue3.x/vue3.x+ts 写法）

基于vue-cropper库实现的图片裁剪组件（含vue2.x/vue3.x/vue3.x+ts写法）//代码地址https://gitee.com/zhong-wenkai/cropper-image-upload.git
皮的狠·2023-07-15 16:32

基于Vue2.X对WangEditor 5富文本编辑器进行封装与使用，支持单个或多个图片点击、粘贴、拖拽上传，Vue3.X项目也可直接使用

另外，Vue3.X项目也可直接使用，因为Vue3.X是兼容Vue2.X语法的。注意：如果反复创建与销毁该组件，记得用上v-if导入依赖包，注意Vue2.X和Vue3.X项目导入的依赖
帅龍之龍·2023-07-13 22:24

CompletableFuture通用的使用方式

这与vue3.X前端获取接口的使用方式大致一样。
不求甚解误入此道·2023-06-22 09:07

No overload matches this call. Overload 1 of 2, ‘(type: “*“, handler: WildcardHandler＜Record＜EventTy

在Vue3.x中没有了on和off，所以在vue3中下载mitt来进行实现全局事件的发布和订阅与取消订阅（也就是跨组件通讯）。
渊来有你·2023-06-21 18:56

vue3 script setup + ts 实践

ts+setup本文是对vue3.x语法的实践，不会单独的介绍某个具体的API语法，详细语法请参考vue官网；此次文章中使用的是scriptsetup+ts的用法，个人比较喜欢的一种语法，感觉是vue3
别样红。·2023-06-20 20:50

基于Vue3，Element Plus的一款表单设计器，支持生成Element和Antd样式的表单

简介FormMakingv3是基于Vue3.x和ElementPlus开发的可视化/低代码表单设计器，可以生成Element和Antd样式的表单。
GavinZhulei·2023-06-18 21:45

Ant Design Vue系列：Options API 与Composition API的区别

首先，AntDesignVue是一个基于Vue.js的UI组件库，它支持Vue2.x和Vue3.x版本。在Vue.js中，OptionsAPI和CompositionAPI是两种不同的组件编写风格。
浪潮行舟·2023-06-18 04:51

Vue3.x 父子通讯

在Vue3中进行父子的通讯，原理和Vue2做法差不多1.父组件向子组件传递数据：自定义属性props2.子组件向父组件传递数据：自定义事件$emit()父传子：自定义属性（父组件）（子组件）总结：1.子组件模板中直接可以获取props中的属性值2.js代码中需要通过setup函数的第一个形参props获取属性值子传父：自定义事件父组件注意标绿部分对emits的使用子组件总结：1.通过setup函数
沃德麻鸭·2023-06-16 15:16

vue3.x 使用 globalProperties 全局变量

Vue3.x用CompositionAPI中是没有this的，所以不能直接使用this调用globalProperties全局变量CompositionAPI使用方法//main.jsimport{createApp
·2023-06-13 18:05

Vue3.x项目开发常用知识点

PS：以下知识点都是基于vue3.x+typescript+element-plus+setup语法糖使用的。一、定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible)[warning]注意：defineProps不用从vue引入，setup语法糖环境会自动识别二、
·2023-06-13 18:45

vue3.x 使用 globalProperties 全局变量

Vue3.x用CompositionAPI中是没有this的，所以不能直接使用this调用globalProperties全局变量CompositionAPI使用方法//main.jsimport{createApp
·2023-06-13 17:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他