vue3源码解析

使用vite搭建vue3项目

(y)y✔Projectname:…vue3_vite//项目名称✔Selectaframework:›vue//选择vue✔Selectavariant:›vuecdvue3_vite//进入目录npminstall
Zeng　·2024-02-04 13:08

Vue3实现响应式编程

Vue3中实现响应式编程的方式有以下几种：使用ref函数：Vue3中引入了一个新的ref函数，用于创建一个响应式的数据对象。通过ref函数创建的变量是一个引用，可以通过.value访问和修改它的值。
&ACE&·2024-02-04 12:42

Netty发送数据writeAndFlush全流程 （下）

本系列Netty源码解析文章基于4.1.56.Final版本我们接着上篇文章一文搞懂Netty发送数据全流程|你想知道的细节全在这里继续讲解Netty的flush全流程。
bin的技术小屋·2024-02-04 12:06

vue3学习——svg使用及封装组件，color不生效问题

安装pnpminstallvite-plugin-svg-icons-D在vite.config.ts中配置插件import{createSvgIconsPlugin}from'vite-plugin-svg-icons'importpathfrom'path'exportdefault()=>{return{plugins:[createSvgIconsPlugin({//Specifythei
可乐KL·2024-02-04 12:19

vue3学习——mock数据

安装pnpminstall-Dvite-plugin-mockmockjsvite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{viteMockServe}from'vite-plugin-mock'exportdefaultdefineConfig(({command})=>{r
可乐KL·2024-02-04 12:19

vue3学习——自定义插件，注册组件（引入vue文件报红线）

在src/components文件夹目录下创建一个index.ts文件import{App,Component}from'Vue'importSvgIconfrom'@/components/SvgIcon/index.vue'importPaginationfrom'@/components/Pagination/index.vue'constglobalComponents:{[name:st
可乐KL·2024-02-04 12:48

设计模式之备忘录模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 11:42

设计模式之访问者模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 11:12

设计模式之模板方法

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 11:12

设计模式之工厂模式(工厂方法模式、抽象工厂模式)

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 11:40

评论区功能的简单实现思路

基于你的技术栈（前端Vue3，后端Java），下面是一个具体的实现思路和数据库设计建议，并探索一下知乎的评论系统。数据库设计评论功能的数据库设计是整个功能实现的基础。
CoderJia程序员甲·2024-02-04 11:19

脚手架快捷创建项目

electron-forge创建electron项目npxelectron-forgeinitmy-new-app#oryarncreateelectron-appmy-new-appvite搭配vue3.2
莫得小累·2024-02-04 10:58

ele-h5项目使用vue3+vite开发：第三节、自定义hooks-useToggle实现搜索页展示切换

需求分析点击首页搜索框，出现搜索页点击搜索页,隐藏搜索页,展示首页新建搜索页组件实现效果hooks介绍理解hooks就是将去改变一个参数值时，页面也会更新对应的值的想法、抽象，用代码实现的地方如何实现一个hooks在src（source）目录下创建一个use文件夹用来存放hooks文件在hooks文件中创建一个hooks写一个函数并用export来导出给对应的组件使用。该函数是用来接收和返回相关h
_沐晨·2024-02-04 09:28

ele-h5项目使用vue3+vite开发：第四节、业务组件-SearchView组件开发

需求分析展示切换动画搜索框输入文字，自动发送请求搜索结果展示搜索状态维护历史搜索展示，点击历史搜索后发送请求历史搜索更多切换动画效果importOpSearchfrom'@/components/OpSearch.vue'import{ref}from'vue'import{fetchSearchData}from'@/api/search'importtype{ISearchResult}fro
_沐晨·2024-02-04 09:25

Vue3快速使用手册

Vue3的创建npmcreatevite@latest1.设置项目名。2.选择框架。3.选择支持的语法，默认使用TS。......
秃狼·2024-02-04 09:14

【Electron】electron-builder打包过程中报错： A connection attempt failed—connected host has failed to respond

学习项目使用的是vue3+typescript+vite+electron，npmrunbuild打包报错信息如下：Get“https://github.com/electronXXXX”:dialtcpXXXX
卸载引擎·2024-02-04 08:27

WebGL+Three.js入门与实战——绘制水平移动的点、通过鼠标控制绘制（点击绘制、移动绘制、模拟画笔）

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典Vue2Vue3Vue2
前端杂货铺·2024-02-04 08:08

【23种设计模式·全精解析 | 结构型模式篇】7种结构型模式的结构概述、案例实现、优缺点、扩展对比、使用场景、源码解析

3）静态代理（4）JDK动态代理（5）CGLIB动态代理（6）三种代理的对比（7）优缺点（8）使用场景2、适配器模式（1）概述（2）结构（3）类适配器模式（4）对象适配器模式（5）应用场景（6）JDK源码解析
蓝染-惣右介·2024-02-04 08:06

【Vue3】组合式API—ref，reactive

1.初识setup1.setup两种返回值1.setup需要一个返回对象，且对象内所有数据都可以在模板中使用exportdefault{name:'App',setup(){//直接定义数据，方法，函数等letname='山鱼';letage=18;functionsayHello(){alert(`你好我叫${name},我今年${age}岁`)}//必须得返回出去才能在页面接收到return{
Aic山鱼·2024-02-04 07:59

vue3 之 组合式API—computed

computed计算属性函数计算属性基本思想和Vue2的完全一致，组合式API下的计算属性只是修改了写法核心步骤：导入computed函数执行函数在回调参数中return基于响应式数据做计算的值，用变量接收```vue//1.导入computedimport{ref,computed}from'vue'//原始数据constlist=ref([1,2,3,4,5,6,7,8])//2.执行函数re
jiojio在学习勒·2024-02-04 07:28

Vue3组合式API——reactive和ref函数讲解

文章目录1.reactive()函数的作用2.ref函数的作用3.小结1.reactive()函数的作用reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。第一步，导入函数import{reactive}from'vue'第二步，执行函数，传入一个对象类型的参数，变量接收，返回值state为一个响应式对象，挂载在dom里面改变的时候可以实时更新。conststate=react
包小志·2024-02-04 07:28

Vue3组合式API - reactive和ref函数

reactive函数作用:接收对象类型数据的参数传入并返回一个响应式的对象步骤一.从vue包中导入reactive函数二.在中执行reactive函数并传入类型为对象的初始值，使用变量接收返回值import{reactive}from'vue'//导入conststate=reactive({//执行函数传入参数变量接收count:0})constadd=()=>{state.count++//修
小羊集事笨·2024-02-04 07:28

vue3组合式api（reactive, ref, toRefs, watch, watchEffect）

Vue3的一大特性函数----setup1、setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的
给我一瓶冰阔洛·2024-02-04 07:26

vue3组合式Composition API之reactive函数的具体用法

reactive函数作用:定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const代理对象=reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象）reactive定义的响应式数据是“深层次的”。内部基于ES6的Proxy实现，通过代理对象操作源对象内部数据进行操作。代码：一个人的信息姓名：{{person.name}}
南北极之间·2024-02-04 07:25

vue3组合式Composition API之ref函数的具体用法

ref函数作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：xxx.value模板中读取数据:不需要.value，直接：{{xxx}}备注：接收的数据可以是：基本类型、也可以是对象类型。基本类型的数据：响应式依然是靠Object.defineProperty()的get与set完
南北极之间·2024-02-04 07:55

Vue3/ Vue3组合式API(reactive 函数) 、 Vue3组合式API(ref 函数)

一.Vue3组合式API(reactive函数)语法:const代理对象=reactive(源对象)1.state需要有返回值只有返回的值才能在模板中使用2.默认普通的数据不是响应式的作用:用来定义一个对象类型响应式数据概述
春暖花开.,·2024-02-04 07:23

vue3 之 组合式API—reactive和ref函数

ref（）作用：接收简单类型或者对象类型的数据传入并返回一个响应式的对象核心步骤：1️⃣从vue包中导入ref函数2️⃣在//导入import{ref}from'vue'//执行函数传入参数变量接收constcount=ref(0)constsetCount=()=>{//修改数据更新视图必须加上.valuecount.value++}{{count}}reactive()作用：接受对象类型数据的
jiojio在学习勒·2024-02-04 07:21

vue3 之 组合式API - setup选项

首先我们先看下setup选项的写法和执行时机setup选项中写代码的特点语法糖总结setup选项的执行时机？beforeCreate钩子之前自动执行setup写代码的特点是什么？定义数据+函数然后以对象方式return经过语法糖的封装更简单的使用组合式APIsetup中的this还指向组件实例吗？指向undefined
jiojio在学习勒·2024-02-04 07:34

vue3 之 组合式API—watch函数

watch函数作用：侦听一个或者多个数据的变化，数据变化时执行回调函数两个额外参数：1.immediate（立即执行）2.deep（深度侦听）场景：比如选择不同的内容请求后端不同数据时如下图基础使用—侦听单个数据1.导入watch函数2.执行watch函数传入要侦听的响应式数据（ref对象）和回调函数//1.导入watchimport{ref,watch}from'vue'constcount=r
jiojio在学习勒·2024-02-04 07:34

一文读懂TS的(.d.ts)文件

一、概述随着前端技术的不断发展，TypeScript(简称:TS)已经在逐步取代JavaScript(简称:JS),尤其在以Vue3使用TS重构后，TS更是成为前端框架编写的主力语言。
硅谷干货·2024-02-04 07:40

设计模式之代理模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 06:41

设计模式之责任链模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 06:34

vue中的数据代理

本篇只是我对尚硅谷张老师课程代码自己做的一个注释，只是一个学习笔记，所以要结合视频看才行啊课程视频（看12和13节）尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili1
m0_74176885·2024-02-04 06:15

typescript+vue3报错Uncaught (in promise) TypeError: ‘XXXX’ is not iterable

问题：想要迭代一个Object对象（实际是一个其他页面接收的map——selectMap），报错如下：解决办法：//Object.keys属性遍历for(letkeyofselectMap){param.append(key,selectMap[key]);}//forEach也行Object.keys(selectMap).forEach(key=>{param.append(key,selec
新停浊酒杯·2024-02-04 04:38

从头搭建一个基于webpack的项目

从头搭建一个基于webpack的项目一、起步1、创建目录，初始化npm，安装webpackmkdirvue3-spa-templatecdvue3-spa-templatenpminit-ynpminstallwebpackwebpack-cli
你吃香蕉吗？·2024-02-04 03:32

设计模式之组合模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 01:39

设计模式之适配器模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 01:38

设计模式之桥接模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 01:38

设计模式之装饰者模式

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析码哥源码部分码哥讲源码-原理源码篇【2024年最新大厂关于线程池使用的场
smart哥·2024-02-04 01:37

vue3集成video.js

就长这个样子，该有的功能都有了首先安装npminstallvideo.js然后创建一个vue文件import{onMounted}from"vue";importvideojsfrom"video.js";import'video.js/dist/video-js.css';constvideoId="video_"+newDate().getTime();onMounted(()=>{varpl
学习使我快乐——玉祥·2024-02-04 01:37

vite, vue3, vue-router, vuex, ES6学习日记

学习使用vite+vue3的所遇问题总结（2024年2月1日）组件中使用标签忘记加setup这会导致Navbar没有暴露出来，导致使用不了，出现以下报错这是因为，如果不用setup，就得使用exportdefault
williamdsy·2024-02-04 00:54

专治不会看源码的毛病--spring源码解析AOP篇

公众号编程一生昨天有个大牛说我啰嗦，眼光比较细碎，看不到重点。太他爷爷的有道理了！要说看人品，还是女孩子强一些。原来记得看到一个男孩子的抱怨，说怎么两人刚刚开始在一起，女孩子在心里就已经和他过完了一辈子。哥哥们，不想这么远行吗？看看何洁，看看带着俩娃跳楼的妈妈。所以现在的女孩子是很明白的，有些男孩子个子不高，其貌不扬，但是一看那人品气质就知道能找个不错的女盆友。不过要说看人的技术能力，男孩子确实更
八年码农·2024-02-04 00:09

vue----大屏适配

1.安装组件npmiv-scale-screen2.vue2需要导入和注册,vue3直接导入即可importVuefrom'vue'importv-scale-screenfrom'v-scale-screen'Vue.use
1022y·2024-02-04 00:36

vue大屏适配

.安装注：vue2使用[email protected]版本，vue3使用[email protected]版本[email protected].在
爱学习的啊强·2024-02-04 00:05

【vue3】使用自定义指令，实现el-dialog的拖拽功能。

实现el-dialog的拖拽功能说明这里指的是element-plus的el-dialog组件，一开始该组件并没有实现拖拽的功能，当然现在可以通过设置属性的方式实现拖拽。自带的拖拽功能非常严谨，拖拽时判断是否拖拽出窗口，如果出去了会阻止拖拽。如果自带的拖拽功能可以满足需求的话，可以跳过本文。通过自定义指令实现拖拽功能因为要自己操作dom（设置事件），所以感觉还是使用自定义指令更直接一些，而且对原生
梅花十三儿·2024-02-03 21:04

vue3中如何使用防抖和节流

1.封装在src/utils文件夹中新建文件handleDebounce.js，用于封装防抖和节流//防抖exportfunctiondebounce(fn,delay=200){//fn是需要防抖的函数，delay是延迟多少毫秒执行fnlettimer=null;returnfunction(){if(timer){clearTimeout(timer);}timer=setTimeout(()
℘团子এ·2024-02-03 20:45

vue3-逻辑复用

什么是组合式函数_无状态逻辑的函数_：它在接收一些输入后立刻返回所期望的输出。比如时间格式化的函数。有状态逻辑的函数:有状态逻辑负责管理会随时间而变化的状态。比如跟踪当前鼠标在页面中的位置。在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。一个简单的例子是跟踪当前鼠标在页面中的位置。在实际应用中，也可能是像触摸手势或与数据库的
王大可996·2024-02-03 20:14

Vue3的 组件事件

目录介绍触发与监听事件事件参数声明触发的事件事件校验总结介绍Vue3是Vue框架的最新版本，其中对组件事件进行了一些改进和优化。组件事件是Vue中一种常用的通信机制，用于在组件之间传递数据或触发动作。
跟Bug双向奔赴·2024-02-03 20:13

前端框架搭建——从零到一搭建一个高颜值Vue3后台管理系统(三)

上一篇我们集成项目所需要的插件，在整个main.ts里的结构都抽离到了各自相应的文件中，使整体main的结构看起来更加简介明了。今天我们讲下项目页面的布局布局分析分析我们页面的布局，主要是比较常见的左右结构布局，这在后台管理系统中是很常见的布局。当然也有其他的布局，在我们这次的项目里没有其它类型，但你可以自己添加，这里提供一种思路首先在页面提供component这个动态组件，我们设置不同类型的布局
聪明的竹子·2024-02-03 20:07

一篇文章认识Vue3

Vue3介绍Vue3于2022年2月7日星期一成为新的默认版本！Vue3性能更高，体积更小Vue3在经过一年的迭代后，越来越好用。
聪明的竹子·2024-02-03 20:37
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他