Vue3.x 第5页

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理前提条件创建Vue2.x的项目方式一：`vueinitwebpackprojectname`方式二：`vuecreateprojectname

AIguibin·2023-04-14 10:30

vue3.x全局toast、message、loading组件

vue3.x全局toast、message、loading组件Toast组件loadingToast组件在src/components下创建toast文件夹，并依此创建index.vue和index.js1

落花见流水·2023-04-11 17:45

vue3.x安装element-ui

vue3.x使用element-ui首先，通过npm安装npminstallelement-plus--save再把main.js文件改为：import{createApp}from'vue'importAppfrom

Frilled Lizard·2023-04-10 12:43

Vue3，基于Vue3的一个自开发组件库，提供给大家参考学习使用

底层代码是基于vue3.x的。

GJ_HQQ·2023-04-09 02:22

TypeError: Cannot read property ‘parseComponent‘ of undefined解决办法

如果从vue2.x升级到vue3.x时候出现，项目无法启动，并出现如下报错命令的时候：这个是由于vue的版本与vue-template-compiler不一致导致的，先更新vue-template-compiler

任磊abc·2023-04-07 05:44

Vue3.X脚手架项目初始化

1、安装Vue-cli脚手架vue-V//查看当前Vue-cli版本npmuninstall-gvue-cli//如果存在2.x版本首先卸载老版本npminstall-g@vue/cli//安装最新版3.x版本脚手架2、初始化项目vuecreatespringboot-vue-demo选择自定义选项上下键移动、空格键选中/取消选中选择好以后回车，选择vue版本接下来无脑Y即可OK大功告成

吉祥King80·2023-04-06 20:07

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

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

GavinZhulei·2023-04-06 10:23

手写vuex4源码（一）Vuex的基本使用

vuex4官方文档一、创建vuex源码项目1、脚手架使用vue-cli创建vue3.x脚手架vuecreatevuex-lessons2、脚手架配置选择babel、vuex二、vuex的基本使用介绍1、

cwj&xyp·2023-04-06 04:10

vue3.x从打包、部署到上线

一、前言作者采用的项目架构：vue3.x+typescript+element-plus+axios，知道这一点很重要，因为目前vue3.x和element-plus还在不断更新迭代中，可能后面又会有所变化

天空还下着雪·2023-04-04 23:32

vue3使用vant组件库所用到的降级命令

创建项目vuecreateyxsc_project安装vant组件库第一步安装命令npminstallvant@next--save(因为使用的是vue3.x所以要安装vant的针对vue3的版本vant

佘小傲、·2023-04-04 23:59

vue3.0使用vant组件的过程

创建项目vuecreateyxsc_project安装vant组件库第一步安装命令npminstallvant@next--save(因为使用的是vue3.x所以要安装vant的针对vue3的版本vant

会飞的鱼啊·2023-04-04 22:12

Vue3创建项目操作步骤和删除预设模板

一、创建vue3.x项目1、输入命令vuecreateprojectname注意：如果你想在某个目录下创建项目，可以先打开这个文件夹，然后shift+右键，选择在此处打开Powershell窗口2、输入命令后会跳出选项我们选最后一个

Litt_White·2023-04-03 09:15

Vue Cropper - 基于 Vue 开发的图片裁剪插件，简单好用、免费开源，支持 Vue2 和 Vue3

VueCropper插件的技术特性基于Vue开发，支持最新的Vue3.x，兼容Vue2.x支持Vite和TypeScr

那些免费的砖·2023-04-03 09:48

vue3.x使用MathJax3注意点

网上有不少教程，但是实际使用还是有些问题需要记录：参考:https://blog.csdn.net/qq_54123885/article/details/120826318https://www.osuu.net/1456.html总结版：一个githuhb仓库:https://github.com/HGGshiwo/mathjaxexample比如想在xx.vue中，想要渲染一个span节点的

HGGshiwo·2023-04-02 11:09

vue3-hash-calendar，一款基于vue3.x开发的移动端日期时间选择组件

Python微信订餐小程序课程视频https://edu.csdn.net/course/detail/36074Python实战量化交易理财系统https://edu.csdn.net/course/detail/35475在大家的催更下，鸽了一天又一天，vue3-hash-calendar终于在今天诞生了。按照惯例，先上效果图Demo扫描上方二维码或者请用浏览器的手机模式查看：https://

qq_43479892·2023-04-02 06:13

脚手架搭建

1、npm下载vue/cli包命令行工具npmivue/cli-g2、vuecreatemytest//vue3.x的命令需要再安装一个vue/cli-servicevueinitwebpackmytest

Betterthanyougo·2023-04-01 12:11

第十讲、Vue3.x父组件给子组件传值、Props、Props验证、单向数据流

一、父子组件介绍image-20201029174738754.png二、父组件给子组件传值1、父组件调用子组件的时候传值importHeaderfrom'./Header'exportdefault{data(){return{title:"首页组件title"}},components:{"v-header":Header}}2、子组件接收父组件传值{{title}}exportdefault

我爱张智容·2023-04-01 01:56

VUE刷新丢失路由的解决方法

目前在使用VUE3.X开发，发现加载动态路由的话，由于刷新页面就会重新加载VUEX，故会丢失已存在的state，但是又不想localStorage，sessionStorage。

心静至善·2023-03-30 03:14

k8s容器的webssh实现

Vite2.x+Vue3.x+Xtermjs4相关信息编程语言：TypeScript4.x+JavaScript构建工具：Vite2.x前端框架：Vue3.x路由工具：VueRouter4.x状态管理：

小短腿电工·2023-03-27 11:22

在vue3.x中使用svg ,在vue-cli4.5.x以上Vue项目中使用svg

在Vue2vue-cli4.5以下的Vue脚手架中使用svg大家已经很常见了，那么如何在Vue3.x中使用svg呢首先安装svg-sprite-loadernpmi-Dsvg-sprite-loader

啊Evan·2023-03-27 09:03

Vue 开发必知的 36 个技巧

转自：微点阅读https://www.weidianyuedu.com前言本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1、require.context()1.场景:如页面需要导入多个组件

ysds20211402·2023-03-25 14:07

关于Vue 开发的 16 个技巧

转自：微点阅读https://www.weidianyuedu.com前言本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1、require.context()1.场景:如页面需要导入多个组件

ysds20211402·2023-03-25 14:37

Vue 开发必须知道的 30多个技巧

Vue开发必须知道的30多个技巧Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1.require.context()1

IT博客技术分享·2023-03-25 14:51

webpack根据性能分析图优化打包

如果你是vue3.x，也同样往下阅读。

一个写前端的姑娘·2023-03-24 11:22

vue3.x项目降级到vue2.7的解决方案

目录把vue3项目降级到vue2⬇️为什么要降级到vue2？vue3和vue2的依赖对比vue3和vu2的区别实践步骤vue降级vue-router降级element-uipiniaeslint+husky+prettier+typescript问题/缺陷总结把vue3项目降级到vue2⬇️原项目为vue3+vite+element-plus+pinia+vue-router+typescript

·2023-03-19 00:00

Vue Treeselect使用常见问题汇总及解决办法(适配vue3.x)

vue3.x适配方案vue3-treeselectnpminstall--savevue3-treeselect//importthecomponentimportTreeselectfrom'vue3

DW_DJF·2023-03-17 17:18

Vue Router 4 的使用，一篇文章给你讲透彻

Vue3.X使用VueRouter4.x进行路由配置，本文我们就来研究下如何使用VueRouter4.x，本文中所有的使用方式都是使用CompositionAPI的方式。

chonglingliu·2023-03-17 10:13

Vue3.x vue-devtools失效的解决办法

1、插件必须是这种beta版本，之前的版本只支持2.x（商店可下载）插件2、修改manifest.json文件中的属性persistent，设置为true这个文件在浏览器的扩展目录中，我的路径是这样~/Library/ApplicationSupport/Google/Chrome/Default/Extensions/ljjemllljcmogpfapbkkighbhhppjdbg/6.0.0.

也许________·2023-03-16 21:02

vue3.x组件间通信，实用小技巧都在这里

本想简单写写，没想到说清楚已经变成了一篇很长的帖子，欢迎当笔记搜藏起来。props/emits父子组件通信props一般负责向子组件传递数据下面是一个简单的例子，父组件向子组件传递了一个title，子组件负责显示title。//child-component.vue{{title}}exportdefault{name:"child-component",props:['title']//可以注册

学杂不精·2023-03-16 18:51

2021 前端 VUE 面试题总汇

文章目录1、vue的生命周期2、Vue2.x双向绑定原理3、Vue3.x响应式原理4、v-for为什么要加上key5、Vdom的理解6、vuex的结构，以及actiion和mutation的区别7、axios

三个木马人·2023-03-10 11:39

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI的优势关注我，不迷路vue3

普通网友·2023-03-01 10:36

Vue3.x+Element Plus仿制Acro Design简洁模式实现分页器组件

组件的分页器会导致分页器内容超出展示的区域，而ElementPlus组件中目前没有AcroDesign那样小巧的分页器（ArcoDesignVue）如下图所示，如果再引入一个新的UI组件库未免导致项目臃肿，所以基于Vue3

·2023-02-27 18:30

vue3.x中apollo的使用案例代码

目录通过客户端获取Apollo配置环境工具的安装获取Apollo配置相关代码错误提示通过开放接口获取Apollo配置通过不带缓存的Http接口从Apollo读取配置参数说明浏览器方式请求交互方式目前为止，前端获取动态数据，都是前端与服务端进行交互获取数据，但是如果只是获取简单的一些配置属性，并没有其它的接口需要服务端提供，此时在搭建一个服务器就是资源的浪费了，希望可以直接从apollo的配置服务器

·2023-02-27 18:58

前端一面vue面试题（必备）

前端vue面试题详细解答Vue3.0和2.0的响应式原理区别Vue3.x改用Proxy替代Object.defineProperty。

bb_xiaxia1998·2023-02-26 03:15

【送书活动】学Vue核心技术和uni-app跨平台实战项目就来看看这本书

示例代码讲解演示2.3内容由浅入深，渐进式学习3、参与方式1、书籍介绍本书共分为14个章节，包括Vue.js核心基础、Vue.js高级进阶、Axios发送HTTP请求，Vuex状态管理、企业项目实战、Vue3

程序员洲洲·2023-02-23 17:17

ElementUI Select 组件的 BUG

适配Vue3.x的Element-Plus没有该问题。问题现象先通过这张动图感受一下：可以看到，Select的值3与选项中的333对应不上。上述概要中提到的特殊场景就是：

·2023-02-21 18:37

electron + vue构建桌面应用程序（1）——创建项目HelloWorld

可以实现基于B/S端的桌面应用程序，现记录下入坑过程1.利用vue-cli创建vue项目查看vue-cli版本vue-Vvue-cli版本.png创建项目vuecreate项目名此处我选择手动自定义创建项目+vue3

初见_JS·2023-02-18 17:45

Vue3.0新特性以及使用经验总结

watermark3.jpgsetupsetup是Vue3.x新增的一个选项，他是组件内使用CompsitionAPI的入口。

没名字的某某人·2023-02-17 11:38

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。

天問_专注于大前端技术·2023-02-17 02:08

vue2和vue3的区别

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化

奔跑吧兄弟_凯凯·2023-02-03 06:30

Vue3.x 父子通讯

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

world_7735·2023-01-26 20:41

[单元测试]vue2.x迁移vue3.x

vue已经从对应的vue2.x迁移为vue3.x,可以参考官方迁移文档遇到的其它问题，记录一下，方便以后迁移遇到问题时查找环境"@vue/cli-service":"~5.0.8","@vue/vue3

三知之灵·2023-01-20 14:19

Vue版本vue2.9.6升级到vue3.0的详细步骤

首先需要卸载你之前的vue2.9.6二、安装新版本：总结背景：电脑使用多年，一直使用vue2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue3

·2023-01-17 08:47

非常流行的vue库，看这一篇就够了

它适用于Vue2.x和Vue3.x。它是Vue官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于Vuex。

·2023-01-16 15:33

Vue--》vue3中的计算属性与监视的使用讲解

computed函数与Vue2.x中的computed配置功能一致，只不过在Vue3.x中我们需要按需导入该函数。

亦世凡华、·2023-01-09 05:36

分享 15 个 Vue3 全家桶开发的避坑经验

已经完成的3个项目基本都是使用Vue3(setup-script模式)全家桶开发，因此主要分几个方面总结：Vue3ViteVueRouterPiniaElementPlus一、Vue31.Vue2.x和Vue3

小生方勤·2023-01-08 07:57

vue2.x与vue3.x中自定义指令详解

自定义指令分类二、Vue2.x自定义指令钩子函数（1）bind与update区别（2）update与componentUpdated区别（3）钩子函数的参数（4）局部自定义指令（5）全局自定义指令（6）简写形式三、Vue3

北海屿鹿·2022-12-26 19:59

Vue3-Vite-TS-AntD项目搭建

技术栈编程语言：TypeScript4.x+JavaScript构建工具：Vite2.x前端框架：Vue3.x路由工具：VueRouter4.x状态管理：piniaUI框架：antdesignvue3.

ping_3·2022-12-23 21:28

Vue3.x +Vite引入第三方Cesium包的配置方法

1.简介在基于Cesium的应用开发过程中，经常会遇到要用的库并不是标准Cesium官方包的情况，官方包的Vue集成是相当成熟的，可以查看的资料也比较多，但是对于非官方的包引用集成，特别是在Vue3+Vite环境中，则是很少被人讨论到。本文针对在实际项目中，介绍如何在Vue3.x+Vite+TS环境引入第三方修改后的Cesium包进行集成开发的配置方法。2.Vue3.x+Vite环境搭建安装vit

铭崴·2022-12-14 09:17

vue3+vite3+vant搭建移动端简易模版

web老猴子·2022-12-11 19:07

推荐频道

Vue3.x