vue3来喽~ 第16页

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，

c103363·2024-02-07 06:57

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action

W`hite·2024-02-07 06:25

Vue3大事件项目(ing)

配置代码检查工作流问题:pnpmlint是全量检查,耗时问题,历史问题5.目录调整6.vue-router4路由代码解析7.引入ElementPlus组件库8.Pinia构建仓库和持久化9.Pinia仓库统一管理核心内容Vue3compositionAPIPinia

W`hite·2024-02-07 06:22

【JS】纯web端使用ffmpeg实现的视频编辑器

ffmpeg编辑器这是一个纯前端实现的视频编辑器，用的ffmpeg的wasm，web框架用的vue3。界面手撸。界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。

飘逸者打瞌睡·2024-02-07 05:22

【前端】使用ffmpeg+vue3实现简单的视频编辑器

使用ffmpeg+vue3实现简单的视频编辑器主要依赖‘@ffmpeg/ffmpeg’，‘vue’实现功能视频转码，添加文字水印，添加图片水印，处理进度条和用时，文件编码信息，生成序列帧。

飘逸者打瞌睡·2024-02-07 05:21

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

报错在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js中添加build:{target:'es2020'},optimizedeps:{

飘逸者打瞌睡·2024-02-07 05:51

vue3子组件给父组件传参

子组件传参：constemit=defineEmits(['自定义事件名字A'])//给父组件传参emit('自定义事件名字A',数据)父组件接收参数：//父组件接收数据functiongetRecentRecoding(val:any){console.log('近期流水：',val);}

来福福是小可爱！·2024-02-07 05:21

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录，存放远程组件添加rollup.config.js，用来打包配置远程组件//rollup.config.jsimportvuePluginfrom'rollup-plugin-vue'import

飘逸者打瞌睡·2024-02-07 05:21

Vue3组件间通信知识整理——父组件向子组件传参

我认为各种问题的出现的背后都是需求的驱使，所以我在文章书写的过程中，相对简单的以案例演示叙述，而相对特殊典型的尽量放出场景、聊需求，增加代入感的方式来叙述Vue3组件间通信的方式。

阿Der·2024-02-07 05:50

Vue3组件间通信知识整理——子组件向父组件传参

Vue3组件化开发，子组件向父组件传参的场景也是十分之多，通常是用于通知父组件改值，父组件向子组件传递参数。

阿Der·2024-02-07 05:50

VUE3父组件向子组件传参，参数随子组件值修改

父组件组件传参时使用v-model修饰import{ref,unref,getCurrentInstance,watch,reactive,onMounted}from"vue";import{useRouter}from"vue-router";importinfoCardfrom"@/views/infoCard";exportdefault{name:"index",props:[],emi

Amiel_Tian·2024-02-07 05:49

三大常用Web前端框架对比

的版本1.3Angular的优势1.4Angular的缺点1.5Angular项目结构二、React2.1React的主要特点2.2React的优势2.3React的缺点2.5React的项目结构三、Vue3.1Vue

纯良思安·2024-02-07 05:13

Composition API 使用

响应性基础APImkdir03-composition-api#初始化项目package.jsonnpminit--yes#安装vue3npminstallvue@next--savereactive返回对象的响应式副本

翔子丶·2024-02-07 04:15

[Vue3] ref属性

简介Vue3中使用setup语法糖之后，在组件或普通dom元素上使用ref属性，可以得到注册元素或子组件的引用。如果用于普通dom元素，引用将是元素本身；如果用于子组件，引用将是子组件的实例。

Suppose·2024-02-07 04:49

一个坐标系查询网站python获取所有坐标系

技术路线选择我是使用的vue3开发的网页界面，element-plus构建网页组件，openlayer展示地图，express提供后端API，vercel进行在线部署。

数字化信息化智能化解决方案·2024-02-07 04:43

Vue3.0（二）：Vue组件化基础 - 脚手架

Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候，会将工作内容进行拆分，分步骤完成而组件化的思想正式如此，对于一个庞大的项目，我们可以将其拆分成一个个的小功能，分步骤进行实现组件化是Vue的核心思想在前面的学习中，我们在createApp中传入了一个App对象，这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a

前端大菜鸟_·2024-02-07 02:18

Vue3.0（三）：Vue组件化深入理解

Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现生命周期函数实际上就是回调函数，在某个时间会被Vue源码调用通过生命周期函数的回调，我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例：初始化注入和响应式created：发送网络

前端大菜鸟_·2024-02-07 02:43

全栈笔记_插件篇（用Volar替换Vuter）

vue3模板可以使用多个根标签，vue2

weiweivita·2024-02-07 01:48

【Vue3】解决路由缓存问题（响应路由参数的变化）

官方文档解释：解决问题的思路:让组件实例不复用,强制销毁重建监听路由变化,变化之后执行数据更新操作方案一：给router-view添加key以当前路由完整路径为key的值，给router-view组件绑定所以添加key之后会强制替换组件，重新发送所有请求（某些情况下不需要重新发送所有请求，会造成性能浪费），而非复用。方案二：使用beforeRouteUpdate导航钩子beforeRouteUpd

小秀_heo·2024-02-07 00:04

debian安装vue3 nodejs20

下载node-v20.10.0-linux-x64解压缩ln-s/work/node-v20.10.0-linux-x64nodejsnode-vnpm-vvue-cli是vue2的脚手架@vue/cli是3的脚手架npminstall-g@vue/clicd~/nodejs/bin/ln-s/work/node_global/lib/node_modules/@vue/cli/bin/vue.j

tboqi1·2024-02-07 00:13

deepin20.9安装及配置

nextaptinstallnginxglobalvim-noxdebian11使用apt安装php,使php多版本共存_debain11php5-CSDN博客vimLeaderF安装问题-知乎debian10安装vue环境,包括安装node.js-CSDN博客debian安装vue3nodejs20

tboqi1·2024-02-07 00:41

Vue - 快速入门（一）

是一个用于构建用户界面的渐进式框架框架优点：大大提升开发效率(70%↑)缺点：需要理解记忆规则官网文档地址：vue2:https://v2.cn.vuejs.org/v2/guide/installation.htmlvue3

smilehjl·2024-02-06 22:31

2022-11-04

在vite+vue3+ts项目下，实现根据文件名称自动生成路由1、安装插件npminstallvite-plugin-pages-Dnpminstallvue-router2、在vite.config.ts

前端橙子·2024-02-06 21:03

Vue3状态管理——Pinia

官网：https://pinia.vuejs.org/0.初始化配置//创建项目yarncreatevite//安装pinianpminstallpinia1.创建Pinia实例并挂载//src/main.jsimport{createPinia}from'pinia';//创建Pinia实例constpinia=createPinia();//挂载到Vue根实例createApp(App).us

135e606a0926·2024-02-06 20:34

vue3嵌入pdf的两种办法

1.使用embed嵌入好处：简单，代码量少，功能齐全缺点：有固定样式，难以修改，不可定制2.使用vue-pdf-embed（pdf预览）的形式定制嵌入pdf优点：除了pdf的内容别的都可以修改，可以定制样式缺点：要自己手写下载，下一页，上一页等功能使用vue-pdf-embed插件展示预览pdf（这里只能展示一页，或者不分页全部展示，就会是一长条，所以我们自己做分页。）上一页{{state.pag

ArmadaDK·2024-02-06 20:35

Vue3 全局 API 的修改

官方文档全局API|Vue3中文文档观察main.ts可以看到，vue3的入口文件变得简洁了很多，只有短短三行代码了。

Lia代码猪崽·2024-02-06 19:24

Vue3 element-ui实现Pagination分页组件--封装分页

什么是Pagination分页组件？在B端的web开发中，分页组件或者叫分页器，是较为常用的控件之一，通常配合表格或列表，实现数据量大的情况下，分页拆解数据的功能。1.scrollTo和滚动视觉差HTMLDOM里面定义了scrollTo方法，用法：scrollTo(xpos,ypos)，把内容滚动到当前的指定位置。但是这个充其量只能说是移动而不能说是滚动，似乎没有滑动的效果显示出来。好在JQuer

coinisi_li·2024-02-06 19:09

vue3 使用 animate 动画

animate地址:https://animate.style/1.npminstallanimate.css--save安装animate.css2.在vue的main.js中全局引用import'animate.css'3.在组建里使用hahahahhahahahname="animate__animatedanimate__bounce"固定使用,必须有enter-active-class进

zongsh·2024-02-06 19:07

Vite 下一代的前端工具链，前端开发与构建工具

Vue3.4版本，Vue新版本使用Vite构建、开发、调试、编译。Vite的优势极速的服务启动使用原生ESM文件，无需打包!

天马3798·2024-02-06 16:24

基于Vue的移动端UI框架整理

特别说明：vant4版本支持Vue3支持下拉刷新支持触底加载更多使用推荐：推荐使用二、MintUI官方地址：http://mint-ui.github

天马3798·2024-02-06 16:54

Vue3富文本组件UEditor ，[email protected]

UEditor2.0版本跟3.0版本不兼容重点安装版本不同使用详细介绍：vue-ueditor-wrap-Vue+UEditor+v-model双向绑定二、安装流程1.安装#vue-ueditor-wrapv3仅支持Vue3npmivue-ueditor-wrap

天马3798·2024-02-06 16:51

前端学习之路(4) vue2和vue3的区别

一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-06 14:37

Vue-53、Vue技术vuex使用

2、什么使用vuex1、多个组件依赖于同一状态2、来自不同组件的行为需要变更同一状态vuex工作原理图使用1、安装vuex(注意vue2中，要使用vuex的3版本，vue3中，要使用vuex的4版本)vue2

一叶飘零晋·2024-02-06 14:58

Vue3.0商店后台管理系统项目实战-导航的icon图标

参考资料Vue3.0官方文档：https://cn.vuejs.org/ElementPlus文档：https://element-plus.gitee.io/zh-CN/ElementPlus提供了一套常用的图标集合

祈澈菇凉·2024-02-06 14:25

vue 或 react 框架相关(面试)

2.vue3响

Yolo416·2024-02-06 13:23

Error: Cannot find module ‘webpack‘ 问题解决办法

1.创建vue3项目后，在启动的时候（执行npmrundev）报错Error:Cannotfindmodule‘webpack‘2.在vue3项目中按需引入element-plus报错（安装插件npminstall-Dunplugin-vue-componentsunplugin-auto-import

鲁少聚·2024-02-06 10:05

Vue3快速上手（一）使用vite创建项目

准备在此之前，你的电脑，需要安装node.js,我这边v18.19.0wangdy@mb2024code%node-vv18.19.0二、创建执行npmcreatevue@latest命令即可使用vite创建vue3

一掬净土·2024-02-06 10:35

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题在使用prismjs库高亮代码的时候，HTML、JS和CSS都能正常高亮，但是在现实JSON数据的时候就不高亮，经过一番折腾，最后解决办法如下

奔跑的呱呱牛·2024-02-06 07:28

npm install express -g报错或一直卡着，亲测可解决

问题描述：最近学习vue3前端框架，安装Node.js之后，在测试是否可行时，cmd窗口执行了：npminstallexpress-g，发现如下图所示一直卡着不动，最后还报错了，网上找了好久，各种不好使解决方案

不称职的程序员❦·2024-02-06 06:42

vue3+echarts：Vue中使用echarts从后端获取数据并赋值显示

//由于前后端交互,所以使用axios发送请求constCount=ref(null);//设备种类数值constName=ref(null);//设备种类名称//设备种类饼图constpieChart=()=>{constgetpieChart=echarts.init(document.getElementById("deviceKind"));//创建图标getpieChart.setOpt

意初·2024-02-06 06:09

vue3+echarts+地图（3D立体）

首页exportdefault{name:"maps",data(){return{option:{//鼠标悬浮显示省份名称tooltip:{textStyle:{color:"yellow",decoration:"none",fontFamily:"Verdana,sans-serif",fontStyle:"italic",fontWeight:"bold",},formatter:func

修复bug·2024-02-06 06:28

vue3中ts的基本用法

定义类型（src/types/index.ts）？代表可有可无exportinterfacePersons{id:number,name:string,age?:number}定义Person子组件（src/components/Person.vue）{{item.name}}---{{item.age}}importtype{Persons}from'@/types';import{withDe

百香果果ccc·2024-02-06 05:13

Vue3 中的各种ref

在Vue3中经常会用到它。它的作用是接收一个值并返回一个响应式的对象。我们可以通过.value属性来访问和修改这个值。在模板中，我们

前端怎么个事·2024-02-06 05:29

vue3 学习笔记 —— vue3 自定义指令

今天我们就讲讲在vue3中，自定义指令定义、使用以及钩子函数都有哪些变化？一、注册自定义指令以下实例都是实现一个输入框自动获取焦点的自定义指令。

前端人_倩倩·2024-02-06 04:51

vue3项目实现预览图片、旋转图片功能

一、需求：在点击图片时，能预览大图，弹出一个包含旋转图片功能按钮的弹窗。用户可通过点击按钮实现对图片的旋转操作二、思路：点击图片预览：用户通过点击图片触发预览功能。接收图片的URL，弹出一个模态框展示大图。旋转图片功能：在模态框内添加一个“旋转图片”按钮。定义两个变量：rotationAngle用于记录当前旋转角度，rotationStep设置为90度的常量，表示每次点击按钮旋转的角度。创建点击事

Miraitowa_chole·2024-02-06 03:18

Vue3开发环境搭建和工程结构(一)

一、NVM和Node.js安装NVM是NodeVersionManager（Node版本管理工具）的缩写，是一个命令行工具，用于管理和切换到不同版本的Node.js。1、前往nvm-windows仓库，然后单击立即下载2、下载最新版本3、按照安装向导进行安装4、打开PowerShell或命令提示符并运行nvm-v以确认安装5、以管理员身份打开并运行PowerShell6、安装Node.js安装No

maplea2012·2024-02-06 03:38

vue3 之组合式API—provide和inject

作用顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信场景room-page为顶层组件room-msg-comment为底层组件跨层传递普通数据1.顶层组件通过provide函数提供数据2.底层组件通过inject函数获取数据跨层传递响应式数据在调provide函数时，第二个参数设置为ref对象跨层传递方法顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据需求解决总结1.p

jiojio在学习勒·2024-02-06 02:59

vue3 之组合式API—模版引用

模版引用的概念通过ref标识获取真实的dom对象或者组件实例对象如何使用（以获取dom为例组件同理）1️⃣调用ref函数生成一个ref对象2️⃣通过ref标识绑定ref对象到标签dom中使用父组件中可以看到打印出来proxy里面只有一个属性，其他属性看不到为什会这样？默认情况下在子组件通过defineExpose暴露出去，可以看到父组件打印出来的proxy中已经有暴露出来的属性了总结1.获取模版引

jiojio在学习勒·2024-02-06 02:28

Vue3中ref与reactive的用法详解——reactive

而在Vue3的响应式系统中使用了ref和reactive这两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区

_Minato_·2024-02-06 02:40

推荐频道

vue3来喽~