Vue3.X

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

vue-router使用

路由：目的就是将组件映射到路由上，路由知道哪里渲染组件，更方便创建单页面引用（更新视图但不需要重新请求页面）一、vue3.x及更低版本二、vue4.x（适用于vue3项目中）（1）安装路由包（2）在单独的文件中配置路由方便管理及引入全局使用
m0_45127388·2023-06-12 19:38

基于vue3的bootstrap ui组件库出炉啦

介绍bts-vue是一个基于vue3.x和BootstrapUI4.x的Vue组件库！它在BootstrapUI的基础上进行增强改进，使得bts-vue比原始bootstrapui更美观，体验友好。
·2023-06-12 18:24

[vue/no-deprecated-filter] Filters are deprecated.eslint-plugin-vue

官方文档：过滤器|Vue.js所有vue3.x不能用过滤器，而是使用方法调用或计算属性来替换它们。vue2.x中的过滤器：{{curTime|Time}}filters:{
掉头发类型的选手·2023-06-12 01:46

vue3中的event bus

此外，在Vue3.x中已经有更多先进和强大的工具来进行
爱学习的Akali King·2023-06-11 14:55

Vue3：组件高级（上）

Vue3：组件高级（上）Date:May20,2023Sum:watch倾听器、组件的生命周期、组件之间的数据共享、vue3.x中全局配置axios目标：能够掌握watch侦听器的基本使用能够知道vue
CaptainDrake·2023-06-10 16:36

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

解决方法：1.拼错了修改为defineComponent2.defineCompenont是vue3.x的语法，于是问题就变得简单了，只需要修改package.json到合适的版本
小源同学r·2023-06-09 20:24

vue3中的watch和watchEffect的区别

它们之间的主要区别是追踪响应式依赖的方式执行时机不同参数不同结果不同结语序言vue3.X中的watch和watchEffect都能监听数据的变化，那两者的区别是怎样的？
weixin_47389477·2023-06-09 13:20

116.【SpringBoot和Vue结合-图书馆管理系统】

前后端分离(一)、SpringBoot+Vue概述1.基本概述2.实现技术(二)、Vue3.x搭建(SpringBoot+Vue)1.搭建Vue基本环境(1).搭建Vue项目框架(2).介绍Vue项目内容
吉士先生·2023-06-08 20:52

基于vue3.js自定义pc端组件库VePlus

vue3桌面端组件库|vue3-ui组件库|vite4组件库|VEPlus组件库基于vue3.x开发的桌面端UI组件库Ve-Plus包含了常用的37+组件。支持全局引入和按需引入两种方式。
xiaoyan_2018·2023-06-07 18:53

Vue3.x的设计理念-Vue3导读

目录VUE-NEXT【vue3】VUE-NEXT最核心的变更WhynotSFC？【单文件组件】CompositionAPI生命周期钩子变化什么是响应式（Reactivity）Reactive值ProactivevsReactive声明式程序声明式程序：创造语言声明式程序：Reactive小结：常见误区VUE-NEXT【vue3】//安装vue3依赖npminstallvue@nextvue3+ts
路人i++·2023-06-07 01:16

三、vue_options之data、methods属性选项

一、data属性data属性是传入一个函数，并且该函数需要返回一个对象：在Vue2.x的时候，也可以传入一个对象(虽然官方推荐是一个函数)；在Vue3.x的时候，必须传入一个函数，否则就会直接在浏览器中报错
覆水难收呀·2023-04-20 07:30

TS+Axios的封装（vue3.x环境）

1.创建axios实例#项目src下新建utils/request.ts#npmiaxios是必须滴importaxiosfrom'axios'constbaseURL='https://ilovesh.com'//基地址constinstance=axios.create({baseURL,timeout:3000//请求超时时间(3秒超时)})export{baseURL,instance}2
凡大来啦·2023-04-19 08:29

Vue3.x中给组件添加name属性

对于[email protected]及以上版本，在使用的单文件组件时，vue会根据组件文件名，自动推导出name属性。也就是名为MyHome.vue或my-home.vue的文件的，name属性为MyHome，而当你在组件内显示定义name属性时，会覆盖推导出的名称。并且在某些特定场景下，name属性的自动推导也会失效，就像下图，views下都是文件夹包裹index.vue的场景：第一种解决方式，需要两个sc
凡大来啦·2023-04-18 12:56

Vue2-3.笔记

vue-basic【尚硅谷】2021最新Vue技术全家桶丨vue3.x最新版详细讲解示例对应codeweb初识vueHello，{{name.toUpperCase()}}，{{address}}Vue.config.productionTip
some-one·2023-04-16 14:11

Vue2.X和MobX中的Object.defineProperty，并与Proxy的对比

如题，Vue是一个js框架，MobX则是React进行状态管理的一个库，两者看起来并没有什么关联，但是由于都使用了Object.defineProperty，使得两者在数据绑定操作上不禁有些相似由于Vue3
张Piers·2023-04-14 10:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他