玩转Vue3全家桶

vue3 源码解析（6）— lifecycle 生命周期的实现

前言对于vue3的生命周期，我们经常性会去疑问，生命周期有哪些呢，它是怎么去实现的，又是什么时候调用的。
Avicli·2024-02-02 15:46

vue3 源码解析（5）— patch 函数源码的实现

什么是patch在vue中patch函数的作用是在渲染的过程中，比较新旧节点的变化，通过打补丁的形式，进行新增、删除、移动或替换操作，此过程避免了大量的dom操作，提升了运行的性能。patch执行流程patch函数整体流程比较长，函数内部包含很多分支用于处理不同的节点（Text、ELEMENT、COMPONENT）。为了便于理解，文章中的代码皆为简化之后的代码：/****@paramn1上一次渲染
Avicli·2024-02-02 15:43

【Vue3】尚硅谷（天禹老师主讲）Vue3笔记

本文是主要内容为转载，对其中部分内容进行了代码解析只为记录学习过程，共享学习Vue3快速上手1、Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、
SuperYiY·2024-02-02 15:10

vue3 props 声明默认值

interfaceObjType{size:number,limit:number,auto:boolean}interfaceProps{msg?:stringlabels?:string[],obj:objType}constprops=withDefaults(defineProps(),{msg:'hello',labels:()=>['one','two'],obj:()=>{retur
寂寞沙洲冷1号选手·2024-02-02 15:40

Vue3的Props

Vue3中的props是用于接收父组件传递的数据的属性。在Vue3中，props的声明发生了一些改变：使用props选项来声明props。
跟Bug双向奔赴·2024-02-02 15:38

火绒安全（5.0公测版）最好的杀毒软件

火绒也算是一个windows平台上的一款知名杀毒软件，但是知名程度相比360、qq等还是差一点，毕竟人家360或者qq一不留神就给你来个全家桶尝尝火绒界面干净、无广告、不捆绑、不引诱、功能强大等各种优点深入人心
我天哪·2024-02-02 14:11

安装jar包到maven本地仓库的基本步骤

1.jar名字和所在目录2.输入导包脚本mvninstall:install-file-Dfile=E:\resources\6、SpringBoot3+Vue3全套教程\02_资料\02_Bean注册资料
墨殇离陌·2024-02-02 13:53

零基础逐句复现SCI一区论文，从NHANES医学数据分析开启研究之路

获取数据2.2逐句复现3学习总结3.1医学数据分析小结3.2对选题的启发3.3选刊知多少课程资料获取bilibili：熊大学习社熊大学习社的个人空间_哔哩哔哩_BilibiliGitee开源：ioter:玩转物联网
爱学习的大熊·2024-02-02 13:14

Vue3 + vite + Ts + computed（计算属性） 和 watch（侦听器）的简单使用方法

Vue3+vite+Ts+computed（计算属性）和watch（侦听器）的简单使用方法computed：计算属性计算属性就是当依赖的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候
W.Y.B.G·2024-02-02 13:39

vue3.0、cli4项目引入element plus

element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入，样式文件需要单独引入import{createApp}from'vue'importElementPlusfrom'element-plus';import'element-plus/lib/theme-chalk/index.cs
aら　淼·2024-02-02 12:29

在vue3中element-plus如何设置el-table默认全选

首先我们使用ref引用el-table标签然后在挂载函数中调用el-table的函数toggleAllSelection，即可实现全部勾选import{ref}from'vue'consttable=ref(null);onMounted(()=>{table.value.toggleAllSelection();})
呆鱼敲代码·2024-02-02 12:51

ASP.NET Core WebAPI_解决跨域问题(前端后端)

说明我的前端框架为Vue３前后端跨域选其一即可前端跨域在项目的根目录找到vite.config.js文件，添加代码：server:{proxy:{'/api':{target:'https://localhost
Mudrock__·2024-02-02 12:07

使用vue3结合requestAnimationFrame计算网页的帧数FPS

每跑完一次requestAnimationFrame，就说明跑完一帧了，所以我们只需要计算出：一秒内跑了多少次requestAnimationFrame即可import{Ref,ref}from'vue';exportinterfaceUseFpsOptions{every?:number;}exportconstuseFps=(options?:UseFpsOptions):Ref=>{cons
打工人小夏·2024-02-02 12:23

如何轻松玩转Java函数调用：借助FuncGPT，告别繁琐调试

作为一名开发者，你是否曾经在开源社区的广袤海洋中探寻所需的代码，却发现这些代码并不符合你的实际需求？你是否曾花费大量时间测试和调试，却收效甚微？现在，有了FuncGPT（慧函数），这些困扰将一扫而空。作为你的私人编程助手，FuncGPT能够根据你的需求，迅速提供符合要求的函数，让你轻松迈向高效开发之旅。首先，让我们了解一下传统代码搜索的困境。在传统的开发过程中，当你需要实现某个功能时，需要在开源社
SoFlu软件机器人·2024-02-02 11:32

[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marki

解决谷歌浏览器警告vue3项目中使用Element-Plus的表单form校验单的时候，浏览器出现以下警告：[Violation]Addednon-passiveeventlistenertoascroll-blocking
qq_39196447·2024-02-02 11:27

vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错

vue3代码中使用?.可选链操作符和空值合并运算符??
qq_39196447·2024-02-02 11:56

vue3+element-plus动态路由菜单

1、展示效果图2、创建组件SideMenu.vue{{item.mate.title}}{{item.children[0].mate.title}}1":index="item.path">{{item.mate.title}}import{ref}from'vue';import{useRouter}from'vue-router';defineProps(['menuList']);cons
qq_39196447·2024-02-02 11:56

vue/cli脚手架搭建的vue3项目兼容低版本谷歌浏览器

vue/cli搭建的vue3项目找到项目中的.browserslistrc文件，增加一行chrome>48（版本号可以自行修改）>1%last2versionsnotdeadnotie11chrome
qq_39196447·2024-02-02 11:26

vue3 watch和watchEffect

Watch监听ref定义的数据1.ref数据基本数据类型letsum=ref（0）conststopWatch=watch（sum,(new,old)=>{If(new>=10){stopWatch()}console.log(‘sum数据变化了’)}）2.ref数据为对象类型,监听的是对象的地址值,若想监听对象内部属性值的变化，需要手动开启深度监视letperson=ref（{name：’张三’
艺逸&福兜·2024-02-02 10:42

ps学习的基础知识，如何玩转ps，先要认识ps

与其问如何零基础学习Ps，不如说为什么要学习Ps，往往有的时候，为什么(why)要比(how)重要。也许你只是想把照片p好看点，也许你的公司需要你做海报，也许你想做炫酷的合成，也许你今后想从事设计类工作。找到你感兴趣的点，然后再去学习，效率会更高，目的也会更明确。有句话叫“到哪里去就从哪里出发。”想学修图就深耕修图，想学海报就深耕海报……但前提是你要了解软件的操作。对于ps来说，80%的功能都是没
2cb983790c82·2024-02-02 09:59

【Vue3实战】setup语法糖实战基础

【Vue3实战】setup语法糖前言一、setup语法糖的优势1.更清晰的逻辑组织2.更好的类型推断和IDE支持无需导入自动注入组件的上下文更好的类型推断3.更灵活的组合逻辑4.更好的响应式能力二、Vue2
愛彈吉他的小盆友·2024-02-02 09:17

vue3-深入组件-插槽

插槽Slots组件用来接收模板内容插槽内容与出口元素是一个插槽出口(slotoutlet),，标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。插槽内容可以是任意合法的模板内容，不局限于文本。例如我们可以传入多个元素，甚至是组件：  Click me!  渲染作用域插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。举例来说：{{ message }}{
王大可996·2024-02-02 09:39

vue3-深入组件-依赖注入

Prop逐级透传问题通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。如果是多层级嵌套的组件，如何从一级传递到3级甚至更远呢。若使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦，所以被称为“prop逐级透传”，显然是我们希望尽量避免的情况。解决方案：provide和inject可以帮助我们解决这一问题。一个父组件相对于其所有的后代组件，会作为依赖提供者。任何后代的组件
王大可996·2024-02-02 09:36

vue3 json代码及字符串 v-code-diff对比插件

vue3json代码及字符串v-code-diff对比插件安装pnpminstall--savev-code-diff在main.ts中引入importCodeDifffrom"v-code-diff"app.use
Shero.李建业·2024-02-02 09:03

vue3前端开发，element-plus前端框架探秘:scope对象

vue3前端开发，element-plus前端框架探秘:scope对象！
yrldjsbk·2024-02-02 08:31

前端框架简介及Vue3项目起步基础配置

前端框架简介及Vue3项目起步基础配置前端框架简介Vue1.1Vue脚手架1.1.1使用vue-cli创建vue2项目1.1.2使用create-vue创建vue3项目1.1.3项目起步-配置别名路径联想提示
前端小白进阶之旅·2024-02-02 07:08

vue3 element-plus 将路由和激活菜单绑定

{{item.meta.title}}import{onMounted,ref}from'vue';import{useRouter,useRoute}from'vue-router';constrouter=useRouter();constactiveMenu=ref('');//当前激活的菜单按钮constpersonalDetailMenuList:any=[//路由信息{path:'/l
不爱吃饭爱吃菜·2024-02-02 07:22

在Vue 3中，理解使用defineEmits函数来定义组件的事件。

在Vue3中，可以使用`defineEmits`函数来定义组件的事件。`defineEmits`函数接受一个对象作为参数，该对象的键是事件名，值是一个回调函数或一个函数数组。
_沐晨·2024-02-02 07:21

【Vue3+Vite】Vue生命周期与组件 快速学习 第三期

文章目录一、Vue生命周期1.1生命周期简介1.2生命周期案例二、Vue组件2.1组件基础2.2组件化入门案例2.3组件之间传递数据2.3.1父传子2.3.2子传父2.3.3兄弟传参总结一、Vue生命周期1.1生命周期简介每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中，它也会运行被称为生命周期钩子的函数
道格维克·2024-02-02 07:15

vue3页面跳转产生白屏，刷新后能正常展示的解决方案

可以依次检查以下问题：1.是否在根组件标签最外层包含了个最大的div盒子包裹内容。2.看看是否在template标签下面直接有注释，如果有需要把注释写到div里面。（即根标签下不要直接有注释）3.在router-view中给路由添加key标识。！！注意：有使用layout封装布局的，是在layout下的主页面中的router-view添加标识，不是在src根目录下main.vue中修改（在这个文件
不爱吃饭爱吃菜·2024-02-02 07:42

玩转色彩的插画大佬，你一定要来看看

这位大佬就是传说中的色彩天选之子吧，色感也太绝了哇！！所有颜色都在她笔下乖乖听话，即使是浓烈的对比色，依旧是明艳又温暖！！就冲着这颜色，这波插画都值得收藏哇~~以下插画均出自画师：-REDUM-【注：所有画作都是插画师的心血哦，我们静静欣赏就好。可以用来临摹或者做自己的手机头像、壁纸，但不能商用哦~如果想要商用，是需要去找插画师授权的哦~（如果插画大大们觉得我的分享对您产生了困扰，记得找我删除哦~
武藏的生活记录·2024-02-02 06:35

【前端-VUE+TS】Vue3组件化-下（五）

一.插槽的使用1.1.认识插槽slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素；比如某种情况下我们使用组件希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片；我们应该让使用者可以决定某一块区域到底存放什么内容；举个栗子
我自闭了？·2024-02-02 05:54

【前端-VUE+TS】Vue3组件化-知识补充（六）

一.动态组件比如我们现在想要实现了一个功能：点击一个tab-bar，切换不同的组件显示；案例截图这个案例我们可以通过两种不同的实现思路来实现：方式一：通过v-if来判断，显示不同的组件；方式二：动态组件的方式；1.1.v-if显示不同组件我们可以先通过v-if来判断显示不同的组件，这个可以使用我们之前讲过的知识来实现：{{tab}}importHomefrom"./pages/Home.vue";
我自闭了？·2024-02-02 05:54

【前端-VUE+TS】 Vue3开发基础语法(二)

1.1.computed1.1.1.认识计算属性computed我们知道，在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示；比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示；在模板中使用表达式，可以非常方便的实现，但是设计它们的初衷是用于简单的运算；在模板中放入太多的
我自闭了？·2024-02-02 05:23

【前端-VUE+TS】Vue3组件化-上（三）

一.认识组件化1.1.什么是组件化？人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。复杂问题的处理组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全部放在
我自闭了？·2024-02-02 05:23

【前端-VUE】Vue3组件组成部分及组件通信（详解）

一、父子间通信1.父传子：2.子传父：3.什么是propProp定义：组件上注册的一些自定义属性Prop作用：向子组件传递数据特点：可以传递任意数量的prop可以传递任意类型的prop3.1props校验思考：组件的prop可以乱传么？不可以作用：为组件的prop指定验证要求，不符合要求，控制台就会有错误提示——>帮助开发者，快速发现错误语法：①类型校验②非空校验③默认值④自定义校验props:{
我自闭了？·2024-02-02 05:23

【前端-VUE+TS】Vue3组件化-中（四）

一.认识组件的嵌套1.1.App单独开发前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护；所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件；再将这些组件组合嵌套在一起，最终形成我们的应用程序；我们来分析一下下面代码的嵌套逻辑，假如我们将所有的代码逻辑
我自闭了？·2024-02-02 05:20

vue3.X

Vue.js3.0源码组织方式的变化CompositionAPI性能提升Vite一、源码组织方式源码采用TypeScript重写使用Monorepo管理项目结构二、vue.js3.0不同构建版本packages/vuecjsvue.cjs.jsvue.cjs.prod.jsglobalvue.global.jsvue.global.prod.jsvue.runtime.global.jsvue.r
丽__·2024-02-02 05:25

[vue3进阶] 6.slot插槽3——作用域插槽

作用域插槽——又是一个抽象的名字，那我用简单的语言解释一下当父组件里写的插槽的内容需要使用子组件里的数据时，这时候就要用作用域插槽这个功能可能你还是没明白，不过没关系，咱们还是通过写一个小例子来学习我们现在有一个子组件，叫heroList，顾名思义就是要显示一个英雄列表，咱们快速的把它写出来，都是以前学过的内容{{item}}exportdefault{data(){return{list:['列
林哥学前端·2024-02-02 04:40

Methodot低代码开发教程——玩转表格增删改查分页

目录1、背景介绍2、连接数据源2.1新增数据源2.2填写数据源信息3、表格数据的展示3.1新增查询，编写查询语句3.2使用表格组件3.3同步数据源与表格列名4、表格的数据新增4.1新增查询，编写新增语句4.2表格配置新增一行，保存事件绑定js函数4.3点击新增一行选项，进行测试5、表格数据的修改与删除5.1新增查询，编写修改语句5.2配置保存和丢弃事件5.3测试下5.4删除同理，以下直接提供代码，
Methodot·2024-02-02 04:34

小满足

肯德基全家桶麦当劳家常菜？不，还是自己喜欢的小龙虾吧！对于无辣不欢的人来说，一顿不辣食不知味。快马驱车约起来，三三两两凑一桌，热辣火锅，小龙虾，只为感动自己的胃。
波斯米亚小礼帽·2024-02-02 04:34

springboot3+vue3支付宝交易案例-结算支付

springboot3+vue3支付宝交易案例-结算支付！今天下午整理了一下结算的内容。遇到了很多问题。汇总分享给大家。
yrldjsbk·2024-02-02 04:21

掌握Pyecharts：玩转多彩热力图的终极指南【第47篇—python：热力图】

文章目录掌握Pyecharts：玩转多彩热力图的终极指南引言准备工作基础热力图自定义热力图炫酷动态热力图炫酷热力图的更多定制化空间热力图地图热力图热力图的交互功能进阶应用：热力图与其他图表的联动结语掌握
一见已难忘的申公豹·2024-02-02 03:16

Vue3基本概念

script部分exportdefault对象的属性：name：组件的名称components：存储中用到的所有组件props：存储父组件传递给子组件的数据watch()：当某个数据发生变化时触发computed：动态计算某个数据setup(props,context)：初始化变量、函数ref定义变量，可以用.value属性重新赋值reactive定义对象，不可重新赋值props存储父组件传递过来
林林亓·2024-02-02 03:31

在Vue 3中，如何理解使用CSS变量（也被称为自定义属性）来动态地设置和更新组件的样式

在Vue3中，你可以使用CSS变量（也被称为自定义属性）来动态地设置和更新组件的样式。Vue3提供了``块，使你可以在单个组件中定义CSS变量。
_沐晨·2024-02-02 02:46

ele-h5项目使用vue3+vite开发：第二节、search 搜索框组件开发

如何设计一个组件需求分析布局contentleft-iconbodyinput-controlright-iconaction功能使用defineEmits定义组件的事件在组件的scriptsetup里如何定义事件使用defineEmits（）定义先声明事件接口interfaceIProps{showAction?:booleanbackground?:stringplaceholder?:str
_沐晨·2024-02-02 02:16

在vue3中，组件的script setup 里如何理解 v-model 参数

在Vue3中，可以使用`defineEmits`和`defineProps`函数来定义组件的`v-model`。
_沐晨·2024-02-02 02:16

解决vue切换页面echarts不显示

问题描述：vue3项目中用el-tabs组件切换页面，echarts图表只在初始化的时候显示了一次，切换页面后就不显示了。
小珏酱·2024-02-02 02:58

python代替vba操作表格_“Python替代Excel Vba”系列（二）：pandas分组统计与操作Excel...

带你用pandas玩转各种数据处理前言在本系列的上一章已经介绍了如何读写excel数据，并快速进行汇总处理。但有些小伙伴看完之后有些疑惑：那只是简单读写数据而已，有时候需要设置excel的格式。
weixin_39546501·2024-02-02 01:58

Pinia｜VUe的状态管理库

pinia是vuex的升级版，因为有vue3新特性的加持，比v
Judy1623·2024-02-02 01:08
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他