vue3源码解析

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

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

es 读流程源码解析

本文源码基于es6.8.0版本search分为两部分，query+fetch节点角色划分协调节点负责接收请求，然后构造查询分发给其他的数据节点，然后从各个分片上获取数据。数据最终汇聚到协调节点，然后再讲结果做合并。然后返回查询结果。而数据节点，则只负责将自己的分片上的数据做一次查询。然后把数据发给协调节点。1.请求到协调节点，解析请求Rest层用于解析Http请求参数，RestRequest解析并
水的精神·2024-02-06 08:11

Flink cdc3.0动态变更表结构——源码解析

文章目录前言源码解析1.接收schema变更事件2.发起schema变更请求3.schema变更请求具体处理4.广播刷新事件并阻塞5.处理FlushEvent6.修改sink端schema结尾前言上一篇
yyoc97·2024-02-06 08:01

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

02-Web应用_架构构建_漏洞_HTTP数据包_代理服务器

数据包_代理服务器一、网站搭建前置知识1.1域名1.2、子域名1.3、DNS二、web应用环境架构类三、web应用安全漏洞分类四、web请求返回过程数据包五、演示案例5.1、架构-Web应用搭建-域名源码解析
月亮今天也很亮·2024-02-06 04:48

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的计算属性——computed

为了解决这一问题，Vue3提供了computed计算属性。什么是computed计算属性computed属性在Vue3中是一个非常重要的响应式特性。
_Minato_·2024-02-06 02:40

【vue3学习P5-P10】vue3语法；vue响应式实现

0、vue2和vue3对比框架版本API方式双向绑定原理domFragmentsTree-Shakingvue2选项式API（OptionsAPI）基于Object.defineProperty（监听）
哈！小白要成长！·2024-02-06 00:17

VSCode snippets 自定义Vue3代码片段(持续更新）

在编写Vue代码时发现VSCode中的各类snippets插件无法提供一些常用的代码片段，为避免重复造轮子，提高编码效率，特意自己定义了一些代码片段。为方便初学者，提供了自定义代码片断的方法。一、自定义代码片断的方法1.打开命令面板（Ctrl+Shift+P)2.输入userSnippets,点击配置用户代码片段3.新建全局代码片段文件，并给文件命名（如mysnippets)4.复制下方代码，替换
jxncxgx·2024-02-05 23:52

Vue3入门到实战笔记03--标签的ref属性/ props

11、标签的ref属性作用：用于注册模板引用。用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。用在普通DOM标签上：尚硅谷前端Vue点我打印内容import{ref}from'vue'lettitle1=ref()lettitle2=ref()lettitle3=ref()functionshowLog(){//通过id获取元素constt1=document.ge
jxncxgx·2024-02-05 23:52

VSCode Vue 必备插件

VSCodeVue插件1.VueLanguageFeatures(Volar)官方插件volar不仅支持Vue3语言高亮、语法检测，还支持TypeScript和基于vue-tsc的类型检查功能。
jxncxgx·2024-02-05 23:52

Vue3入门到实战笔记04--生命周期和自定义hook

Vue3的生命周期创建阶段：setup挂载阶段：onBeforeMount、onMounted更新阶段：onB
jxncxgx·2024-02-05 23:22

【多数据源系列】在Sping Cloud（Spring Boot）中基于AbstractRoutingDataSource 实现多数据源动态切换

目录1.前言1.1.背景1.2.原理1.2.1核心原理1.2.2.源码解析1.2.3.AbstractRoutingDataSource类结构2.
后端小肥肠·2024-02-05 22:45

Vue3 发布正式版（2020.9.19）

[官宣]Vue3.0—OnePiece发布各位先收藏再点赞，本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了Vue3.0版本，我们连夜对Release进行了翻译。
铁锅炖大鹅(e)·2024-02-05 21:37

vue3.0移动端将px转换为rem

第一种方法：我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部，记得要加移动端头部的meta标签第二种方法：就是将rem的js放在public文件夹下创建一个，在main.js中引入，也可以使用第三种方法：参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123·2024-02-05 20:42

泡泡清新文艺的微社区系统PHP源码

前端采用Vue3匠心打造，界面清新简约，三栏式布局仿若Twitter，让您一见倾心。
行动之上·2024-02-05 19:49

PHP客服系统-vue客服聊天系统

PHP-Vue客服聊天系统是一款高效、灵活的客户服务解决方案，基于ThinkPHP6、Vue3和Workerman(Gateworker)框架开发，专为单商户场景打造。
行动之上·2024-02-05 19:49

vue3实现命令式弹窗

效果图代码区域首先实现弹窗组件my-modal.vue这里实现一个极简易弹窗作为示例，其他功能和样式可自行补充和优化；{{title}}{{content}}取消确定import{isVNode}from"vue";constprops=defineProps({open:{type:Boolean,default:false,},title:{type:String,default:"弹窗标题"
guizi0809·2024-02-05 19:48

vue3 导入导出json文件

导入json//这是选择本地文件的弹框这里display:none隐藏了，DOM依旧存在获取DOM，触发他的点击事件constrefFile=ref(null);constaddFileHandle=()=>{refFile.value.click();};当选中文件自动触发change事件//选中json文件change事件constfileLoad=()=>{constselectedFile
Time202051·2024-02-05 19:31

vue3 element-plus 中文

https://element-plus.org/zh-CN/guide/i18n.html#configprovider官网国际化import{ElConfigProvider}from'element-plus'components:{//MainElConfigProvider},return{locale:zhCn}
Time202051·2024-02-05 19:01

Vue3实现字符串反转和内容隐藏

经过一周时间的努力，小编今天继续和大家学习Vue3，今天还是以实际例子为主，先让小小白感受一下Vue的魅力，让另外一些小小白体会一下不用脚手架是一种什么体验，当然了，也为了接下来的工作内容准备准备。
飞鹰3995·2024-02-05 18:58

Vue3的双向数据绑定原理是什么

Vue3作为Vue框架的最新版本，带来了许多令人兴奋的新特性和功能。其中，双向数据绑定原理是Vue3中的一个核心特点，本文将深入探讨Vue3的双向数据绑定原理。
JJCTO·2024-02-05 18:10

HDFS源码解析---Balancer

概述在输入启动命令的那台机器上会启动一个进程，为了避免给namenode带来过大的负担，整个balance过程由balanceserver而不是namenode来控制。Balancer的最终结果是namenode上记录的一个block的一个副本从一个datanode转移到另一个datanode上。PS:副本放置策略第2个副本存放于不同于第1个副本所在的机架第3个副本存放于第2个副本所在的机架，但是
请叫我算术嘉·2024-02-05 16:38

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText
可口可乐Vip·2024-02-05 16:07

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3
花言儿·2024-02-05 15:02

uniapp中配置开发环境和生产环境

1.使用HBuilderX创建原生的uniapp程序选择vue32.什么都不改，就可以正常运行了3.增加a.js里面的代码主要就是根据环境进行判断后，返回需要的值constCONF={baseUrl:process.env.NODE_ENV
故里2130·2024-02-05 15:46

前端插件库-VUE3 使用 JSEncrypt 插件

JSEncrypt是一个用于在客户端进行加密的JavaScript库。它基于RSA加密算法，可以用于在浏览器中对数据进行加密和解密操作。以下是使用JSEncrypt进行加密和解密的基本示例：第一步：安装JSEncrypt首先，你需要引入JSEncrypt库。你可以在项目中添加JSEncrypt的脚本文件，或者使用CDN：or(或者)npminstalljsencrypt第二步：枚举公/私钥@src
凉生阿新·2024-02-05 14:31

Vue3全家桶之——Pinia状态管理

Pinia是一个专为Vue3设计的现代化状态管理库，为Vue3开发的，它提供了一种简单、可扩展和类型安全的方式来管理应用程序的状态。
tangerine330·2024-02-05 14:41

vue全家桶之状态管理Pinia

从那时到现在，最初的设计原则依然是相同的，并且目前同时兼容Vue2、Vue3，也并不要求你使用Compos
DustinWangq·2024-02-05 14:40

Vue3 + TS + Vite 项目实战 —— 大屏可视化

前期回顾目录适合谁资料在哪技术栈有哪些效果图例⏰配置缩放【重要】自动轮播地图⌚时间定位、天气地址：数据安全大屏--项目:该系统会从多个数据源（如日志、网络设备、云服务等）中采集、整合、处理数据，并将其转化为易于理解和分析的可视化图表、地图等形式，以帮助用户快速识别、监测和预警潜在的安全风险和威胁。通过数据安全大屏，用户可以深入了解各种系统和网络设备的运行状态、流量情况、攻击来源等信息，及时发现并应
彩色之外·2024-02-05 14:02

VUE3语法--computed计算属性中get和set使用案例

1、功能概述计算属性computed是Vue3中一个响应式的属性，最大的用处是基于多依赖时的监听。也就是属性A的值可以根据其他数据的变化而响应式的变化。
雾林小妖·2024-02-05 13:36

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31","ff>31","ie>=8","last10versions",//所有主流浏览器
贵贵贵子·2024-02-05 12:47

Vue3 父子组件传值和互调方法

1.父组件代码:constchildComp=ref(null);     //传给子组件的refconstto_child=reactive({        //传给子组件的值，这里是对象，也可以传普通数据类型，数组等   id:"",   name:""})consthandleComp=(param)=>{//传给子组件的方法，让子组件调用 console.log('子组件让我执行，传来参
y523648·2024-02-05 11:49

vue3 父子组件相互传值技巧

第一：父组件importMenufrom'./Menu/index.vue'import{ref,reactive}from'vue'constmenus=ref(null);constlist=reactive([1,2,3]);//flag不定义ts照样正常constgetList=(list:number[],flag)=>{console.log(list,'我是子组件传递过来的',fla
老胡说前端·2024-02-05 11:14

[Vue3]父子组件相互传值数据同步

简介vue3中使用setup语法糖，父子组件之间相互传递数据及数据同步问题文章目录简介父传子props传递值使用v-bind绑定props需要计算toRefcomputedemit传递方法使用v-on绑定子传父
Suppose·2024-02-05 11:42

黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件

需求封装组件需要使用到Vue3中如何定义父子组件，由子组件给父组件传值核心代码如何使用emits组件点击按钮import{ref,defineEmits}from'vue'constemits=defineEmits
长安紫薯·2024-02-05 11:09

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

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

【Vue3】 Vue-Router路由和路由导航守卫

路由前后端分离阶段路由单页面富应用阶段前端路由如何做到URL和内容进行映射?URl的hash（哈希）URl的historyVue-Router基本使用1，安装Vue-Router2，新建页面router文件下的index.js,路由，导入页面，导入路由,创建路由关系3，main.js3，app.vue里面router-link属性路由懒加载分包处理路由routes的其他属性动态路由和路由嵌套1，动
博主花神·2024-02-05 11:23

vue3项目之el-carousel 轮播图的使用

el-carousel轮播图的使用官网：https://element-plus.gitee.io/zh-CN/component/carousel.html在这里定义一个卡片式的轮播图0"class="imgs-wall"height="350px"trigger="click":interval="5000"indicator-position="none"type="card">几个注意的点
cocoonne·2024-02-05 11:41

教程6 Vue3+Element Plus el-carousel制作轮播图（后面有修改样式的方法）

实验轮播图1、引入ElementPlus（1）引入Element开发环境npminstallelement-plus--save（2）自动引入Elementnpminstall-Dunplugin-vue-componentsunplugin-auto-import（3）在配置文件中进行配置，本人使用的是Vit构建工具如果使用Vite作为构建工具，配置文件为vite.config.js，配置方法如
JunLianHuang·2024-02-05 11:08
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他