vue3知识收集

使用Vue 3 + DataV搭建大数据可视化大屏技术框架实战指南

Vue3，作为新一代的前端框架，以其更高效的性能和更灵活的CompositionAPI吸引了众多开发者。
不知名靓仔·2024-08-22 07:03

Vue 3项目安装Element-Plus

ElementPlus是一个基于Vue3的现代前端UI框架，它旨在提升开发体验，并为开发者提供高效、优雅的组件。
洛*璃·2024-08-22 04:19

vue3组件通信与props

title:vue3组件通信与propsdate:2024/5/31下午9:00:57updated:2024/5/31下午9:00:57categories:前端开发tags:Vue3组件Props详解生命周期数据通信模板语法
qcidyu·2024-08-22 04:18

Vue3项目-Cesium地图初始化

一、安装、配置Cesium1、安装Cesiumnpminstallcesium2、文件拷贝将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下3、index.html配置Vite+Vue二、使用Cesium1、HTML经度：{{location.lon.toFixed(6)}}纬度：{{location.lat.toFixed(6)}}2、JavaScr
呆呆的小草·2024-08-22 03:44

【vue3】组件通信

一、Vue3组件通信和Vue2的区别：●移出事件总线，使用mitt代替。●vuex换成了pinia。●把.sync优化到了v-model里面了。
逆旅行天涯·2024-08-22 03:09

详细介绍 Vue3 的 watch 和 watchEffect

在Vue3中，watch和watchEffect都是用于响应式地监听数据变化的工具，但它们有不同的使用场景和工作机制。
代码里的小猫咪·2024-08-22 02:06

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好
花花鱼·2024-08-21 23:13

Vue3 + Electron 创建新的子窗口 且子窗口唯一

main.jsconst{app,BrowserWindow,ipcMain}=require('electron')...ipcMain.on('window-create',()=>{createChildWindow()})letchildWindow=nullconstcreateChildWindow=()=>{//如果窗口存在先销毁if(childWindow){childWindow
冰糖葫芦不结冰·2024-08-21 21:33

Vue3项目-Electron构建桌面应用程序

一、创建Vue3项目1、安装vue-clinpmi-g@vue/cli#ORyarnglobaladd@vue/cli2、创建vue项目(vue3)npmcreatevue@latest3、创建完成后启动项目
呆呆的小草·2024-08-21 18:46

reactive和ref的异同、toRef和toRefs的使用

相同点：都是Vue3提供的用于创建响应式数据的函数；在组件中都能够触发视图更新，实现数据的双向绑定。不同点：数据类型：reactiv
Niucode·2024-03-28 12:14

vue3中使用过渡动画transition

//appear表示一进入页面就使用动画hello.slide-enter-active,//进入动画的生效状态.slide-leave-active{//离开动画的生效状态transition:all0.5sease;}.slide-enter-from,//进入动画开始状态.slide-leave-to{//离开动画结束状态height:0px!important;}.slide-enter-
前端小趴菜05·2024-03-26 13:30

vue3 + Element + nodejs 大文件上传、断点续传

前言大文件上传，一般时间都比较长，这么长的时间内，可能会出现各种各样的问题，比如断网，一旦出错，我们的文件就需要重新上传，这样造成资源浪费，如果我们使用了断点续传继续就不会造成资源浪费了，因为当出现错误的时候，我们再重新上传文件，就会从我们出现错误的地方开始上传了，对于出错前上传的内容就不用再上传了，对于已经上传过的文件，就可以实现秒传的效果了。完整仓库地址流程1、上传方法constonUploa
ZL随心·2024-03-25 05:21

百度地图的使用(js，vue2，vue3)

百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
Nancy哇·2024-03-24 17:36

reactive 和ref区别和原理

reactive和ref区别和原理在Vue3中，reactive和ref都是用来创建响应式数据的方法。它们的主要区别在于如何使用它们以及它们如何处理值.reactive是用来创建响应式对象的。
小王学前端️·2024-03-20 18:30

v-for 和 v-if 在相同元素上存在优先级的问题

Vue3中:v-if的优先级高于v-for，如果作用在相同元素上，这样在v-if中是无法使用v-for中item/index的如何解决?基于template标签，把v-for和v-if分开即可!
六加六呀·2024-03-19 19:02

uniapp实现点击标签文本域中显示标签内容

.点击标签时，标签改变颜色并处于可删除状态②.切换标签，文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp+vue3
佩淇呢·2024-03-17 18:27

vue3 hooks应用

1新建一个hooks文件夹下面写2个文件1个是useDog.jsimportaxiosfrom'axios'import{ref}from'vue'exportdefaultfunction(){letdog=ref({id:1,name:'哈士奇'})letimgs=ref([])constchangeDog=()=>{dog.value.name+='土狗'axios.get('https:/
前端小云儿·2024-03-16 13:50

Vue3 使用Pinia 存入与取出数据

Pinia简介Pinia就是一个实现了上述需求的状态管理库，由Vue核心团队维护，对Vue2和Vue3都可用。现有用户可能对Vuex更熟悉，它是Vue之前的官方状态管理库。
海鸥两三·2024-03-16 12:47

Vue3：watch监视的5种情况

一、情景说明在Vue2中，watch的用法如下https://blog.csdn.net/Brave_heart4pzj/article/details/135604394这一篇，来学习Vue3中的watch
生产队队长·2024-03-15 07:34

vue3 效率提升神器，howuse/axios 入坑指南

在项目当中大量使用axios，我一般会创建一个request.js文件。接着在项目src文件夹下面创建api文件夹。大致的代码如下。//封装constservice=axios.create({baseURL:'/',headers:{}})//api文件定义exportconstxxxType=(params:any)=>service({url:"/xxx/types",method:"get
一个橙子pro·2024-03-15 06:01

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~·2024-03-11 12:40

Vue 复学 之 状态管理 Vuex

Vue3和[email protected]用法有所不同。用来干什么，能做什么用？可用于全局数据存储，跨层级组件通讯，动态路由。在通讯的关键是，一方通知后，另一方怎么知晓
yangyinet·2024-03-11 00:25

VUE3侦听器:watch与watchEffect的区别与使用

一、watch与watchEffect的区别watch和watchEffect都能响应式地执行有副作用（除了返回预期结果外还会简介影响其它数据）的回调。它们之间的主要区别是追踪响应式依赖的方式watch：只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。watch
一天只码五十行·2024-03-10 22:21

vue3 slot的定义与使用

在Vue3中，slot（插槽）被重构为更直观和强大的机制。具体定义和使用方式如下：定义插槽：在组件的模板中，使用<slot></slot>标签来定义插槽。
可爱的秋秋啊·2024-03-10 12:10

vue3学习(更新中)

目录创建一个vue应用编写APP组件main.tsAPP.vuesetupref和reactiverefreactive创建一个vue应用npmcreatevue@latest编写APP组件main.tsimport{createApp}from'vue'importAppfrom'./App.vue'createApp(App).mount('#app')APP.vueappsetup{{nam
倒霉娃不要倒霉·2024-03-09 17:17

vue3注册全局组件

注册单个全局组件一.在main.ts中引入注册为全局组件在main.ts引入我们的组件跟随在createApp(App)后面切记不能放到mount后面这是一个链式调用用其次调用component第一个参数组件名称第二个参数组件实例import{createApp}from'vue'importAppfrom'./App.vue'importleftVuefrom'./components/left
前端小趴菜05·2024-03-09 17:16

Vue3.0+Typescript项目中注册全局自定义组件的方法

Vue3.0+Typescript项目中注册全局自定义组件的方法1.第一步,在src/components下面自定义一个目录,新建.vue开发自己的组件!(以我开发的组件为例!)
NSC丶warrior·2024-03-08 18:13

vue3+element-plus el-input 自动获取焦点

虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
Hico、·2024-03-08 06:59

vue3的开发小技巧

$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用
单调的王先森·2024-03-07 19:14

【无标题】

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。
谷渊77·2024-03-06 18:13

【vue3 路由使用与讲解】vue-router ： 简洁直观的全面介绍

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para
oumae-kumiko·2024-03-06 18:13

day49（vueJS）vue3的生命周期钩子 服务端渲染概念 vue3的组建通信 vue3的ref属性应用 vue3（vuex和pinia的使用）

vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3
李中豪前端大佬·2024-03-05 21:16

Vue3教程

1.1配置环境vue官网：Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。Windows上推荐用powershell或者cmd。GitBash有些指令不兼容。安装Nodejs安装地址：Node.js安装@vue/cli打开GitBash，执行：npmi-g@vue/cli如果执行后面的操作有bug，可能是最新版
m0_59519985·2024-03-05 19:14

VUE3（二）使用vue-cli创建一个项目

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。
camellias__·2024-03-05 13:03

vue3配合naive-ui的虚拟表格显示超过1000条数据，并且带有单选按钮

父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom"./views/HomeView.vue";interfaceRowData{key:number;name:string;age:number;address:string;}constselect=ref(null);c
沙滩上的一颗石头·2024-03-05 05:56

Vue 3 中的 Teleport 特性详解

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。
琛哥的程序·2024-03-04 14:36

Vue 3 中的 Composition API 详解

随着前端技术的不断发展和项目复杂度的增加，Vue团队推出了Vue3，并引入了CompositionAPI，以更好地满足复杂应用的需求。一、CompositionAPI是什么？
奔强的程序·2024-03-04 07:56

Vue 3 中的 setup 函数是如何工作的？

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。
奔强的程序·2024-03-04 07:56

Astro + NextUI 搭建个人博客（导航组件篇）

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。
·2024-03-04 00:18

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
大鱼前端·2024-03-03 07:25

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
·2024-03-03 01:33

Vue3 + ElementUIPlus获取node的parent节点

Vue3+ElementUIPlus获取node的parent节点el-tree可以但是el-tree-v2是不可以的
简单点了·2024-03-02 11:57

vue3实现表格单元格可编辑

以往编辑表格内容都是点击编辑按钮，进入编辑页面或弹窗对整行做编辑的效果。而这次由于项目需要实现在表格内双击就能编辑对应单元格的功能，对于没有做过的我来说也是一个新挑战。需要达到的效果：方案一由于项目使用的是element-ui，所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有（cell-dblclick）。下面看实现效果（部分代码）：{{props.row.amount
HuaHua·Li·2024-03-02 07:50

vue3+ts实现图片预览功能

首先，需要创建一个Vue组件，用于显示图片和预览图。import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String,required:true,},},setup(props){constpreviewVisible=ref(false);constsho
前端fighter·2024-03-02 07:49

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。
·2024-03-02 05:20

Vue3中的Hooks详解

vue3带来了CompositionAPI，其中Hooks是其重要组成部分。
·2024-03-01 23:16

Vue-5

Vue3的优势更容易维护（组合式API）更快的速度更小的体积更优的数据响应创建Vue3项目前提环境条件：已安装16.0或更高版本的Node.jsnode-v创建一个Vue应用（下面的指令将会安装并执行create-vue
-seventy-·2024-03-01 20:35

Vue3 实现一个简单的方位动画

这是最近遇到的一个有点意思的需求，需要根据后端返回的数据，在一块地图的具体的方位上显示对应位置标识（位置图钉）。不用十分精确，只要能表现出大致的方位即可。类似下面的效果，有点像游戏里的地图标识。设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。位置标识只
·2024-02-29 22:28

vue3实现页面跳转

在Vue3中，可以使用router来实现页面跳转。
我爱学习yq·2024-02-29 20:01

vue、react和小程序的状态管理

vue2的状态管理vuexvuex官网：https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本：npmivuex@3在vue3中使用vuex的4版本：npmivuex
LLLuckyGirl~·2024-02-29 19:30
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他