Vue3学习记录第8页

Vue 3 watchEffect教程

Vue3watchEffect教程Vue3watchEffect教程简介什么是watchEffect？

道长不会写代码·2024-08-22 07:36

使用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

docker buildx 在x86 架构平台打包arm 平台镜像

首先声明：一、本人学习记录，以下操作经过本人实测完全正确查看本地系统和容器内部系统本地系统架构：root@pdz-vm:/home/nodete/node#uname-aLinuxpdz-vm6.5.0

该用户涉嫌违规，已封禁·2024-08-22 03:10

【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

C++中using namespace std的作用以及vector数组的使用

C++中usingnamespacestd的作用以及vector数组的使用本文为自我学习记录，主要包括C++中usingnamespacestd的作用vector数组的使用文章目录C++中usingnamespacestd

宁77吖·2024-03-26 04:48

【C++】学习记录--Thread线程库的使用

线程是进程的一个执行路径，是CPU调度与分配的的最小单元。创建线程需要一个可调用的函数或者函数对象作为线程的入口。C++11中可以通过函数指针/函数对象或者lambda表达式实现。基本语法#includethreadt(function_name,args...)'function_name'为程序入口点'args'为传递给函数的参数线程创建后，可以使用't.join*()'等待线程完成，或使用'

KK虫·2024-03-26 02:16

XML语言的学习记录5- XSD

XSD(XMLSchemaDefinition)，定义XML文档的合法构建模块，分为简易元素(仅包含文本的元素，不会包含任何其他的元素或属性)和复合元素(包含其他元素及/或属性的XML元素)。1.内建的数据类型:xs:stringxs:decimalxs:integerxs:booleanxs:datexs:time2.示例：“xs:”XSD命名控件前缀；xmlns:xs="url"指定XMLSc

time·2024-03-25 10:58

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

[学习记录]esp32通过wifi进行http请求获得天气信息

http协议解释本次使用的开发板为和宙esp32c3，使用的IDE为vscode+espidf程序整体流程：以下为程序详解WiFi连接首先使能nvs，将等下使用的WiFi账号及密码储存到nvs上NVS介绍：官方介绍比较繁杂。通俗来说，NVS就是在flash上分配的一块内存空间，提供给用户保存电不丢失的数据。进入主题，我们需要将esp32连接WiFi，此时使用为WIFISTATION模式，下面给出官

ZYbppp·2024-03-20 20:33

reactive 和ref区别和原理

reactive和ref区别和原理在Vue3中，reactive和ref都是用来创建响应式数据的方法。它们的主要区别在于如何使用它们以及它们如何处理值.reactive是用来创建响应式对象的。

小王学前端️·2024-03-20 18:30

2019.3.5

学习记录：我们需要一个使命！用生命去换来的，叫使命。没有使命的目标是不能够持续，不能够长远的！生命中是不是有一个部分不只是为自己的？找出自己的使命，使命是利他的。你的成功不只是为你自己而已。

玲萍·2024-03-20 10:46

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

C++从零开始(day44)——二叉搜索树

这是关于一个普通双非本科大一学生的C++的学习记录贴在此前，我学了一点点C语言还有简单的数据结构，如果有小伙伴想和我一起学习的，可以私信我交流分享学习资料那么开启正题今天分享的是关于二叉搜索树的知识点1

云淡风轻kk·2024-03-18 04:39

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

【深度学习笔记】1 数据操作

注：本文为《动手学深度学习》开源内容，仅为个人学习记录，无抄袭搬运意图数据操作在深度学习中，我们通常会频繁地对数据进行操作。作为动手学深度学习的基础，本节将介绍如何对内存中的数据进行操作。

RIKI_1·2024-03-16 02:02

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

学习记录

5月22日学习记录：同理心，有同理心的人，能够很快判断和其他人的交集，找到双方矛盾的解决方案。谈判，把我的想法变成你的行动！只有同理心，会失败。

爱行人生·2024-03-13 13:09

【深度学习模型】6_3 语言模型数据集

注：本文为《动手学深度学习》开源内容，部分标注了个人理解，仅为个人学习记录，无抄袭搬运意图6.3语言模型数据集（周杰伦专辑歌词）本节将介绍如何预处理一个语言模型数据集，并将其转换成字符级循环神经网络所需要的输入格式

RIKI_1·2024-03-12 23:46

C++从零开始(day49)——AVLTree模拟实现

这是关于一个普通双非本科大一学生的C++的学习记录贴在此前，我学了一点点C语言还有简单的数据结构，如果有小伙伴想和我一起学习的，可以私信我交流分享学习资料那么开启正题今天分享的是关于AVLTree模拟实现

云淡风轻kk·2024-03-12 16:05

微信小程序学习记录——4.框架-视图层

文章目录1.WXML数据绑定简单绑定运算组合列表渲染wx:forblockwx:forwx:key条件渲染wx:ifblockwx:ifwx:ifvshidden模板定义模板使用模板模板的作用域引用importimport的作用域include事件什么是事件事件的使用方式事件分类事件绑定和冒泡事件的捕获阶段事件对象timeStamptargetcurrentTargetdatasettouches

赈川·2024-03-12 13:01

【深度学习笔记】6_4 循环神经网络的从零开始实现

注：本文为《动手学深度学习》开源内容，部分标注了个人理解，仅为个人学习记录，无抄袭搬运意图6.4循环神经网络的从零开始实现在本节中，我们将从零开始实现一个基于字符级循环神经网络的语言模型，并在周杰伦专辑歌词数据集上训练一个模型来进行歌词创作

RIKI_1·2024-03-12 07:23

2021-09-22 sequoia（）学习记录

sequoia(GenoM=NULL,LifeHistData=NULL,SeqList=NULL,Module="ped",MaxSibIter=42,Err=1e-04,ErrFlavour="version2.0",MaxMismatch=NA,Tfilter=-2,Tassign=0.5,MaxSibshipSize=100,DummyPrefix=c("F","M"),Complex="

厌学老人·2024-03-12 02:24

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

2020-04-11规模化敏捷学习记录

规模化敏捷可能存在的问题：沟通的有效性降低、协作更复杂、对齐困难、集成复杂敏捷宣言是否依然适用于规模化敏捷？结论是依然试用规模化敏捷的几种方式：SAFe/LeSS/DAD/EA/Nexus/Scrum@ScaleSoS（scrumofscrums）的实现方式Backlog如何维护？1:一个PO，一个PBL，区分不同的team2:一个PO，维护多个PBL3：每个团队有自己的PO，每个PO负责自己的b

家有小魔怪·2024-03-10 17:28

vue3 slot的定义与使用

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

可爱的秋秋啊·2024-03-10 12:10

【深度学习笔记】6_10 双向循环神经网络bi-rnn

注：本文为《动手学深度学习》开源内容，部分标注了个人理解，仅为个人学习记录，无抄袭搬运意图6.10双向循环神经网络之前介绍的循环神经网络模型都是假设当前时间步是由前面的较早时间步的序列决定的，因此它们都将信息通过隐藏状态从前往后传递

RIKI_1·2024-03-10 11:07

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

动态规划 Leetcode 509 斐波那契数

斐波那契数Leetcode509学习记录自代码随想录斐波那契数（通常用F(n)表示）形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。

mmaerd·2024-03-09 09:05

日更23/1000一读一故事之《孩子的学习乐趣来自父母给予的安全感》4/24樊响

为了增加老母亲的抗击性，提前了很久做功课，今天就来把昨天的一点学习记录下来，让育儿之路，有迹可循，也让为母之路，增料减压！

乔娟·2024-03-09 02:05

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

C++从零开始的打怪升级之路(day45)

这是关于一个普通双非本科大一学生的C++的学习记录贴在此前，我学了一点点C语言还有简单的数据结构，如果有小伙伴想和我一起学习的，可以私信我交流分享学习资料那么开启正题今天分享的是关于二叉树的题目1.根据二叉树创建字符串

云淡风轻kk·2024-03-08 02:24

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学习记录