vue3.x

2023.7.15 学习Vue3.x官方文档之异步组件 + ＜Suspense＞（通俗易懂的理解!）

一、异步组件基本用法相对于正常组件来讲，异步组件，顾名思义，就是组件里有异步操作。（可能说法不准确，但是也是可以这么理解的。定义一个正常的vue组件，我们用defineComponent({})，此处为选项式API。但随着Vue3成为默认版本，出现，使用组合式API编程时，不再显示使用这个API。#Vue提供给我们定义异步组件的方式，下面来看看怎么定义异步组件吧！import{defineAsyn

夏日友情天_·2024-09-13 04:54

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。

"*smile*"·2024-09-06 22:14

基于Vue3.X + Typescript实现的在线PPT制作工具，开源！

嗨，大家好，我是徐小夕。之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如：H5-Dooring（页面可视化搭建平台）V6.Dooring（可视化大屏搭建平台）橙子6试卷（表单搭建引擎）Nocode/WEP文档知识引擎最近在研究办公三件套（WPS），打算做个纯WEB版本的，偶然在github上发现了一款非常有意思的开源项目，它模仿了Office的PPT制作模

徐小夕@趣谈前端·2024-09-06 05:17

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components

yang295242361·2024-09-03 22:19

在线图书管理系统”的Vue.js项目

我们将使用Vue.js2.x（或Vue3.x，视你偏好而定），结合VueRouter进行页面路由管理，Vuex进行状态管理，以及Axios进行HTTP请求。

hai40587·2024-08-31 21:51

Vue-devtools 大揭秘：Vue3.X 和 Vue2.X 调试工具安装及使用指南

目录Vue-devtools介绍Vue2.X调试工具Vue-devtools的安装Vue2.X调试工具Vue-devtools的使用Vue3.X调试工具Vue-devtools的安装Vue3.X调试工具

前端基地·2024-08-25 10:21

vue3生命周期

除了这些钩子函数外，Vue3.x还增加了用来调试使用的onRenderTracked和onRenderTriggere

栗子daisy·2024-02-27 19:15

第20-21讲、Vue3.x中集成Typescript 使用Typescript

一、Vue3.x集成TypescriptTs基础教程：https://www.itying.com/goods-905.html#1\.InstallVueCLI,ifit'snotalreadyinstallednpminstall

我爱张智容·2024-02-20 10:21

FormMaking V3 发布，支持 Vue 3 的可视化低代码表单设计器

简介FormMakingv3是基于Vue3.x和ElementPlus开发的可视化/低代码表单设计器，可以生成Element和Antd样式的表单。

GavinZhulei·2024-02-19 15:38

Vue3.x 新特性总结

imageVue3.x官网一、CompositionAPI简介Vue2时的方式在代码很少的时候，逻辑结构还是蛮清晰的，但是随着组件功能越来越多，代码量越来越大，整体内容全部放在其中肯定会显得臃肿。因为每个功能模块的代码会散落分布在各个位置，让整个项目的内容难以阅读和维护。如下图：image而到了Vue3，它会根据逻辑功能来进行组织，把同一个功能的不同代码都放在一起，或者把它们单独拿出来放在一个函数

猫老板的豆·2024-02-14 10:58

vue3.x 快速原型开发

快速原型开发你可以使用vueserve和vuebuild命令对单个*.vue文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：npminstall-g@vue/cli-service-globalvueserve的缺点就是它需要安装全局依赖，这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。vueserveUsage:serve[options][entry]在开发环境

木白_0227·2024-02-08 18:06

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。

Trank-Lw·2024-02-08 13:47

vue3.x的自定义指令动态指令参数

1.vue3.x的自定义指令参数import{createApp}from'vue';importAppfrom'./App.vue';app.directive('time',{created(){console.log('created生命周期函数')},beforeMount:(el)=>{//console.log(binding,'什么')el.style.color='red'},mo

你大爷的,这都没注册了·2024-02-07 23:11

vue3.x 英文转换从简体中文

对于AntDesignVue4.x版本（适用于Vue3），想要设置中文简体语言环境，确保你已经遵循以下步骤：引入LocaleProvider并设置Locale从AntDesignVue3.x版本开始，它支持使用Vue3的CompositionAPI。为了设置应用的语言环境为中文简体，我们需要使用LocaleProvider并指定中文简体语言包。这通常在应用的入口文件（比如main.js或main.

weixin_45782719·2024-02-05 07:12

Spring boot +Vue3.x +Element Plus 前后分离管理项目

该项目前端采用时比较新颖的vue3.x和elementplus去做的，至少最近三年vue3.x是使用

木不是丁·2024-02-04 21:41

七.Vue3.x中使用Axios请求远程真实Api接口数据

https://github.com/axios/axios1、安装npminstallaxios--save或者yarnaddaxios或者cnpminstallaxios--save2、引入使用importAxiosfrom"axios";axios.get('/user?ID=12345').then(function(response){//handlesuccessconsole.log

小柠有点萌·2024-02-03 11:45

vue3.X

Vue.js3.0源码组织方式的变化CompositionAPI性能提升Vite一、源码组织方式源码采用TypeScript重写使用Monorepo管理项目结构二、vue.js3.0不同构建版本packages/vuecjsvue.cjs.jsvue.cjs.prod.jsglobalvue.global.jsvue.global.prod.jsvue.runtime.global.jsvue.r

丽__·2024-02-02 05:25

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate=>onBeforeUpdateupdated=>onUpdatedbeforeDestroy=>onBeforeUnmountdestroyed=>onUnmo

coderfl·2024-01-31 22:53

Vue3.x双向绑定原理Proxy

Proxy实现双向绑定v-model描述双向绑定原理双向绑定原理稍等，我整理出来，让大家都能快速理解，省的云里雾里。

devincob·2024-01-30 11:03

vue3.0 正确安装 vue-devtools插件

下载vue-devtools插件时遇到的问题，由于是版本问题导致的，目前vue-devtools需要使用beta版本的,这个才是vue3.x用的。

zht__123·2024-01-28 00:19

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。

跟Bug双向奔赴·2024-01-27 12:58

【vue】Vue2和Vue3中的代码逻辑复用对比（mixins、自定义hook）：

【3】mixins的一些特性：【4】mixins的缺点：三、hook：【1】Vue3.x中的自定义hook函数是什么？

Sun Peng·2024-01-26 10:47

Vue3 全局挂载对象和方法

Vue3.x已经不支持直接Vue.prototype.

hao_0413·2024-01-26 03:45

/deep/和＞＞＞以及 ::v-deep 三者的区别

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2

兴趣使然的码仔·2024-01-25 17:43

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss）适用于Vue2.x版本，Vue3

Skr@Chen·2024-01-25 17:12

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue

Fating-Win·2024-01-25 03:47

Vue3相较于Vue2做出了那些改变

性能方面的提升1.1首次渲染更快1.2diff算法更快1.3内存占用更小2.更好的Typescript支持3.CompositionAPI（这是重点内容）2.项目搭建与Vue2搭建项目一样，只是在后面选择时选择Vue3

xihuhu·2024-01-23 01:45

vue3.x实践经验-1、mapState、mapGetters、mapMutations、mapActions

一边学习vue3.x，一边实践，最近在做项目时，使用computed引入store中state的数据时，总是觉得很麻烦，想起新版兼容2.x,就想着引入mapState，可是怎么用都不对劲。

不收藏找不到我·2024-01-19 19:02

【Vue自定义事件详细介绍】

.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x和Vue3

程序员不想YY啊·2024-01-18 04:19

十一.Vue3.x集成Typescript

安装vueaddtypescriptVue3.x集成Typescript后定义组件vue3.x中集成ts后请确保组件的script部分已将语言设置为TypeScript...要让TypeScript正确推断

小柠有点萌·2024-01-16 10:41

前端面试题-vue篇

3.vue响应式原理和双向绑定原理Object.defineProperty详解vue3.x中Proxy（代理）4.说一说你对vue响应式理解？5.讲一下vue框架的原理？

_未知_开摆·2024-01-14 21:54

第九讲、Vue3.x中的单文件组件定义组件注册组件以及组件的使用

一、Vue3.x中的组件组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。

我爱张智容·2024-01-13 17:47

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架。

前端开发爱好者——·2024-01-11 17:25

Vue3中组件的挂载及调用

＄dialog({})而在Vue3.X中，组合式API没有this，不过新增了globalProperties属性，代替了Vue.prototype查看Vue3.X官方文档（https://www.vue3js.cn

Trist丨·2024-01-10 15:55

vue2.x中Watch和vue3.x中Watch使用和区别

xWatch和vue3.xWatch使用和区别大家都知道在vue中，我们经常会用到监听数据一个数据，当数据发生变化的话执行某个功能，实现的方法有很多，现在的话重点说一下vuex2.x中属于配置项的watch，vue3

狮子歌歌_丶·2024-01-09 01:22

第四讲、Vue3.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符

一、Vue3.x监听事件vue中监听事件可以使用v-on:click或者@click,@click为v-on:click的简写，例如：data(){return{counter:1}}template模板

我爱张智容·2024-01-08 13:16

vue3.x 的生命周期和钩子函数

什么是生命周期Vue是组件化编程，从一个组件诞生到消亡，会经历很多过程，这些过程就叫做生命周期。你理解了什么是生命周期，你还了解一个概念“钩子函数”。钩子函数：伴随着生命周期，给用户使用的函数，操控生命周期，主要是操控钩子函数。Vue3的生命周期setup():开始创建组件之前，在beforeCreate和created之前执行。创建的是data和methodonBeforeMount():组件挂

SofterICer·2024-01-07 08:04

vue实现双向绑定原理

通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defineProperty()2.es6中Proxy对象vue2.x使用Object.defineProperty();vue3

有个人_6e81·2024-01-06 16:07

解决vue3.x debugger不能使用的问题

package.json->eslintConfig找到rules属性填写这段代码"rules":{"no-debugger":"off","no-console":"off","generator-star-spacing":"off","no-tabs":"off","no-unused-vars":"off","no-irregular-whitespace":"off"}重新运行项目，ok

最胖的小仙女·2024-01-05 06:33

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2.X，后者适用于Vue3

魔芋红茶·2024-01-03 15:01

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。

蛋黄派i·2024-01-01 06:43

如何使用vue ui创建vue项目

elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常智能和强大配置步骤1、安装VueCLI，因为vueui是在VueCLI基础上封装的ps:vueui命令是vue3

忧郁的蛋~·2023-12-29 15:39

十二.Vue-Router 详解

一、Vue3.x中的路由路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。

小柠有点萌·2023-12-27 21:21

Vue项目中使用fontawesome图标库

使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2.x和Vue3

淋雪小新·2023-12-26 12:59

Vue.js 教程

阅读本教程前，您需要了解的知识：HTMLCSSJavaScript我的教程主要介绍了Vue3.x版本的使用第一个实例：Vue3.0HelloWorld{{message}}参考资料：Webpack入门

Stitch .·2023-12-22 20:51

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。

天問_·2023-12-20 07:44

Vue 2.x跟Vue 3.x有啥区别

大家好，我是咕噜-凯撒，我们都知道Vue是一款比较流行的前端JavaScript框架，在他演进的过程中出现了2个主要版本，Vue2.x和Vue3.x。

咕噜签名分发·2023-12-18 03:47

前端面试——Vue篇（v-for和v-if为什么不能连用？）

（2）在vue3.x中，v-if的优先级高于v-for的优先级，因此v-if执行时要调用的变量可能还不存在，会导致报错。

每月一瓶米诺地尔·2023-12-16 07:40

基于vue3.x与 three.js模拟地球内部结构

基于vue3.x与three.js模拟地球内部结构前言基于threejs、vue3.x、热力图实现了地球结构可视化展示。

易航动效·2023-12-04 09:18

八.Vue3.x中的mixin介绍使用

1、新建mixin/base.jsconstbaseMixin={data(){return{msg:"baseMixinMsg"}},methods:{success(){console.log("成功")},run(){alert("baseMixinrun方法")}},}exportdefaultbaseMixin;2、单独使用mixin,在home.vue首页模板--{{apiDomain

小柠有点萌·2023-12-03 03:02

推荐频道