Vue2源码解析第15页

vue3 组合式API获取子组件的属性和方法

在vue2中，获取子组件实例的方法或者属性时，父组件直接通过ref即可直接获取子组件的属性和方法，如下：//father.vuethis.

椒盐大肥猫·2024-01-30 09:19

【学习笔记】vue3的watch

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P152节笔记：情况一：监视ref所定义的一个响应式数据情况二：监视ref所定义的多个响应式数据这两种情况比较简单，正常写就ok：情况三

youyoufenglai·2024-01-30 08:24

Vue3 Hooks函数使用及封装

有了compositionAPI意味着我们就可以自定义封装hooks，最终的目的都是进行复用，在Vue2中复用的方式大部分都是采取的mixin，但相比hooks,hooks更清楚复用的功能来源及功能。

梦想家加一·2024-01-30 07:08

J.U.C之AQS：源码解析-核心属性

AQS核心属性publicabstractclassAbstractQueuedSynchronizerextendsAbstractOwnableSynchronizerimplementsjava.io.Serializable{privatestaticfinallongserialVersionUID=7373984972572414691L;/***同步队列头节点*/privatetra

贪睡的企鹅·2024-01-30 07:38

Vue2中this.$store值为undefined的问题:

哥们，你现在、立刻、马上去package.json看看你的vuex的版本是不是3开头的，如果不是，切腹自尽吧。自尽之前记得改成3开头的版本。

前端李十三·2024-01-30 04:01

SharedPreferences卡顿分析

SharedPreferences(以下简称SP)是Android本地存储的一种方式，是以key-value的形式存储在/data/data/项目包名/shared_prefs/sp_name.xml里，SP的使用示例及源码解析参见

_ext·2024-01-30 03:21

【Vue】为什么Vue3使用Proxy代替defineProperty？

先来看看Vue2中defineProperty来操作数据：constobj={a:1,b:2,c:{a:1,b:2}}function_isObject(v){returntypeofv==='object

小秀_heo·2024-01-30 03:47

vue2.0中的$router 和 $route的区别

vue-router中经常会操作的两个对象route和router两个。1、$route对象$route对象表示当前的路由信息，包含了当前URL解析得到的信息。包含当前的路径，参数，query对象等$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。$route.params一个key/value对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个

为光pig·2024-01-30 01:29

Vue2 VS Vue3 生命周期

三、Vue2VSVue3生命周期生命周期Vue2Vue3备注创建阶段befor

Ashley的成长之路·2024-01-29 18:30

vue2 表单类的封装

App.vueimportBaseSelectfrom'./components/BaseSelect.vue'exportdefault{data(){return{selectId:'105',}},components:{BaseSelect,},}BaseSelect.vue北京上海武汉广州深圳exportdefault{props:{cityId:String},methods:{han

知远同学·2024-01-29 17:43

Vue2 ref和$refs获取dom和组件

一、获取dom1、图示2、App.vue这是一个捣乱的盒子importBaseChartfrom'./components/BaseChart.vue'exportdefault{components:{BaseChart}}.base-chart-box{width:200px;height:100px;}3、BaseChart.vue子组件import*asechartsfrom'echart

知远同学·2024-01-29 17:30

【vue2】状态管理之 Vuex

文章目录一、介绍1、概念2、工作示意图3、安装4、简单示例二、核心1、State1.1组件中获取Vuex的状态1.2mapState辅助函数1.3对象展开运算符2、Getter2.1基本使用2.2通过属性访问2.3通过方法访问2.4mapGetters辅助函数3、Mutation3.1定义mutation3.2commit提交mutation3.3Mutation必须是同步函数3.4mapMuta

guozhenshu·2024-01-29 15:01

【vue2】基础

文章目录介绍一、安装二、Vue实例1、创建Vue实例2、生命周期三、模版语法1、插值2、指令3、缩写四、计算属性和监听器1、计算属性computed1.1基本使用1.2计算属性缓存vs方法1.3计算属性的setter2、侦听器watch2.1基本使用2.2计算属性vs侦听属性五、Class与Style绑定1、绑定class2、绑定内联样式Style六、条件渲染1、v-if、v-else、v-if-

guozhenshu·2024-01-29 15:01

【Vue】2-1、Vue 简介

Vue2官网：Vue.jsVue3官网：Vue.js-渐进式JavaScript框架|Vue.jsVueCLI：VueCLIVueRouter：VueRouter|Vue.js的官方路由一、什么是Vue1

QX_Java_Learner·2024-01-29 15:00

《Vue3 基础知识》Vue2 与 Vue3 技术对比（资源整理，建议收藏）

**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南VueRouter4VueRouter3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+

AvatarGiser·2024-01-29 15:59

【vue2】路由之 Vue Router

文章目录一、安装二、基础使用1、简单的示例2、动态路由2.1定义动态路径参数2.2获取动态路径的参数2.3捕获所有路由3、嵌套路由4、编程式的导航4.1router.push4.2router.replace4.3router.go(n)5、命名路由6、重定向三、进阶1、导航守卫1.1全局前置守卫1.2全局后置钩子1.3路由独享的守卫1.4组件内的守卫完整的导航解析流程2、路由懒加载一、安装NPM

guozhenshu·2024-01-29 15:56

CSS自适应分辨率 postcss-pxtorem（适用于 Vite）

如果想知道基于Webpack+Vue2可移步《CSS自适应分辨率amfe-flexible和postcss-pxtorem（适用于Webpack）》项目对应的主要插件版本如下："vite":"^4.4.5

AvatarGiser·2024-01-29 15:25

Vue的状态管理Pinia

一、介绍官网：https://pinia.web3doc.top/introduction.htmlPinia是Vue官方团队开发的一个全新状态管理库Vue2和Vue3都可以使用去除了mutations

kimi-001·2024-01-29 15:55

Glide使用与源码解析

Glide.pngglide中文文档Glide介绍Glide是一个快速高效的Android图片加载库，注重于平滑的滚动。Glide提供了易用的API，高性能、可扩展的图片解码管道（decodepipeline），以及自动的资源池技术。Glide支持拉取，解码和展示视频快照，图片，和GIF动画。Glide的Api是如此的灵活，开发者甚至可以插入和替换成自己喜爱的任何网络栈。默认情况下，Glide使用

月影路西法·2024-01-29 15:43

muduo 网络库源码解析和使用

1.base模块1.1API1.1.1eventfdinteventfd(unsignedintinitval,intflags);（1）类似信号量；其内部保存了一个uint64_t计数器count，使用initval初始化；（2）read没有设置EFD_SEMAPHORE并且count不为0，返回count值，并将count设为0；如果count值为0，阻塞直到其非0；设置EFD_NONBLOC

十一很迷茫·2024-01-29 12:31

SRPC 框架服务端源码解析

0.RPCContext保存某些必要的上下文信息；某端独有功能：Client获取请求成功或失败1.RPCBufferconst和constexpr变量的主要区别是：const变量的初始化可以被推迟到运行期，constexpr必须在编译期初始化；所有constexpr都是constbuffer_t指向实际的数组，代表一个缓存块；再通过链表将各缓存块连接起来；（1）BUFFER_MODE_NOCOPY

十一很迷茫·2024-01-29 12:29

自定义事件总线

当然我们可以选择一些第三方的库Vue2默认是带有事件总线的功能Vue3中推荐一些第三方库，比如mitt当然我们

咸鱼不咸_123·2024-01-29 10:20

Vue2+echarts 实现图表的简单绘制

Echarts是一个基于JavaScript的开源可视化库，由百度开发和维护。它通过简单的配置方式，就可以实现各种复杂的数据可视化和图表展示。Echarts支持多种图表类型，包括柱状图、折线图、饼图、散点图、漏斗图等，同时还支持地图可视化和3D可视化效果。Echarts具有高度可定制性和交互性，支持动态数据更新和大数据量展示。Echarts提供了丰富的API和文档，可以方便地与其他前端框架整合。E

ZLY_2004·2024-01-29 09:54

Integer中bitCount方法的源码解析

Integer中的bitCount()方法用于统计二进制数字中bit为1的个数，例如0b111中bit为1的个数有3位。源码为：publicstaticintbitCount(inti){//HD,Figure5-2i=i-((i>>>1)&0x55555555);i=(i&0x33333333)+((i>>>2)&0x33333333);i=(i+(i>>>4))&0x0f0f0f0f;i=i+

梧桐碎梦·2024-01-29 07:36

npm 或 yarn 使用别名同时安装同一个包的两个版本

以vue为例,同时安装vue的2.6版本和vue的3.2版本首先分别起名vue2和vue3npm安装##npm别名安装写法npminstallvue2@npm:vue@^2.6.14npminstallvue3

余栀丶·2024-01-29 07:43

SpringBoot 源码解析 - 持续更新

开始springinitilizer：根据依赖构建工具、springboot版本等生成Java工程。手把手教你手写一个最简单的SpringBootStarterStarter命名规则Spring官方定义的Starter通常命名遵循的格式为spring-boot-starter-{name}，例如spring-boot-starter-data-mongodb。Spring官方建议，非官方Start

qq_27986857·2024-01-29 06:32

如何导入导出Excel表格（vue2+SpringBoot+Element+easyexcel）

娃哈哈哈哈呀·2024-01-29 06:18

Java中Integer(127)==Integer(127)为True，Integer(128)==Integer(128)却为False，这是为什么？

文章目录1.前言2.源码解析3.总结1.前言相信大家职业生涯中或多或少的碰到过Java比较变态的笔试题，下面这道题目大家应该不陌生：Integeri=127;Integerj=127;Integerm=

David爱编程·2024-01-29 05:39

vue2 事件总线

原图下载：https://download.csdn.net/download/weixin_47401101/88788636

知远同学·2024-01-29 05:41

【Vue3】状态管理工具——pinia的使用

目录搭建pinia环境存储数据组件中使用数据修改数据storeToRefs$subscribepinia相当于vue2中的vuex，pinia也是vue.js状态管理库。

叶子yes·2024-01-29 04:42

Gson使用及源码解析

Gson是我们经常用来在Java对象和JSON数据之间进行映射的库,今天我们就来分别讲一讲其使用和源码分析使用详解1.基本的解析与生成Gson提供了fromJson()和toJson()两个直接用于解析和生成的方法，前者实现反序列化，后者实现了序列化解析基本数据类型valgson=Gson()vali=gson.fromJson("100",Int::class.java)//100vald=gs

今阳说·2024-01-29 03:37

vue2 使用vuex状态管理工具如何配置与搭建。

等我研究研究，下一期给大家出一个后台管理左侧侧边栏如何搭建的。首先我们先下载一下vuex包yarnaddvuex@31.先导入我们需要的Vue和vuex2.注册vuex3.创建vuex实例4.导出storeexportdefaultstore5.在main.js中导入并挂载到全局。Vuex如何实现模块化。1.首先我们在store文件夹下新建一个modules文件夹，在当前文件新建我们需要的vuex

Ma - hossihr·2024-01-29 02:42

Vue3 pinia全解(上)

如果你学过Vue2，那么你一定使用过Vuex。

还能救一下嘻嘻·2024-01-29 00:37

SpringBoot+Mybatis 如何实现流式查询，你知道吗？

每天10:33更新文章，每天掉亿点点头发...源码精品专栏原创|Java2021超神之路，很肝~中文详细注释的开源项目RPC框架Dubbo源码解析网络应用框架Netty源码解析消息中间件RocketMQ

公众号-芋道源码·2024-01-29 00:25

【Spark系列3】RDD源码解析实战

本文主要讲1、什么是RDD2、RDD是如何从数据中构建一、什么是RDD？RDD：弹性分布式数据集，ResillientDistributedDataset的缩写。个人理解：RDD是一个容错的、并行的数据结构，可以让用户显式的将数据存储到磁盘和内存中，并能控制数据的分区。同时RDD还提供一组丰富的API来操作它。本质上，RDD是一个只读的分区集合，一个RDD可以包含多个分区，每个分区就是一个data

周润发的弟弟·2024-01-28 23:12

vue 样式隔离原理

，如，目的是为了隔离组件与组件之间的样式，如下面的例子：这是foo这是bar.foo{color:red;}.bar{color:green;}在vue组件挂在到dom之前，通过vue-loader（vue2

椒盐大肥猫·2024-01-28 23:09

学习了解 Vue3 的 nextTick() 方法

1.Vue3中的nextTick()方法在Vue3中，nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick()

黑风风·2024-01-28 22:29

vue2实现codemirror在线代码编辑器（代码提示，行数显示..）

项目需求需要在管理系统模块中实现用户SQL语句自查询，实现一个代码编辑器，要求有执行，清空，代码提示，行数显示功能,，实现效果如下：------------------------------------------------------------实现思路使用codemirror插件封装组件，然后再父组件中引入使用，通过组件之间的通信方法，进行值的传递。子组件封装（writeSql.vue）首

翘首自由的九零后·2024-01-28 20:14

Cesium.js实现显示点位对应的自定义信息弹窗（数据面板）

博客：关于Cesium的常见需求整理之点位和弹窗（点位弹窗）博客：cesium添加点、线、面、文字、图标、模型等标绘零、相关技术选型：Vue2Vuecli5Cesium.js天地图一、需求说明在使用2D

@MADLING·2024-01-28 19:15

Vue 的存储库 Pinia 使用与介绍

之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。

半兽先生·2024-01-28 15:07

mall 项目随笔

项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less

coderlion·2024-01-28 13:39

认识&对比 React、Vue2、Vue3 三者的 diff 算法

ReactDiff算法认识ReactDiff算法React是Fiber架构的，Fiber其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化Diff算法（没有反向指针，从右往左遍历链表会很困难）。这一点在React源码reconcileChildrenArray函数的注释中也有说明。React采用Fiber架构的原因是JavaScript的运行会阻塞页面的渲染，Reac

渔舟唱晚@·2024-01-28 08:53

vue2 使用vue-org-tree 组件完整示例Demo vue2-org-tree

安装安装vue2-org-tree,然后再安装样式less-loadecnpminstall--save-devlessless-loadercnpminstall--save-devvue2-org-tree

Lan.W·2024-01-28 06:42

综合案例 - 商品列表

.my-tag组件封装（v-model处理：信息修改）4.my-table组件封装（整个表格）①数据不能写死，动态传递表格渲染的数据②结构不能写死-多处结构自定义【具名插槽】案例完整代码：1.App.vue2

W`hite·2024-01-28 06:25

Vue3按需导入Icon图标——VueCli

开始的时候都是先准备安装环境：1、安装icon组件npminstall@element-plus/icons-vue2、安装自动导入图片插件npminstall-Dunplugin-iconsunplugin-auto-import

psvm+Tab·2024-01-28 05:31

vue2项目实现自定义右键菜单, 可添加图标、事件等

通常浏览器都会有自己的右键菜单，如下图的谷歌浏览器网页上的右键菜单：下面介绍一下如何在vue的项目中实现自定义菜单，如下图所示：1.安装依赖包npminstallvue-contextmenujs2.在main.js中引用importContextmenufrom'vue-contextmenujs';Vue.use(Contextmenu);3.在需要实现自定义右键的元素上加上@contextm

程序猿小野·2024-01-28 04:05

Spring(20) GET请求参数偶发性丢失问题

文章目录一、问题现象二、问题分析2.1发生时间2.2发生位置2.3源码解析2.4Tomcat机制2.5原因总结三、问题复现四、问题修复一、问题现象最近偶遇一诡异棘手问题：一个用于获取token的GET接口

ACGkaka_·2024-01-28 03:03

vue2 模仿qq

点击qq音乐0"/>0":key="key":data="treeList"show-checkboxnode-key="id":expand-on-click-node="true":default-expanded-keys="treeData"icon-class="":props="defaultProps":filter-node-method="filterNode">0":class

圆脸喜欢吃菠萝·2024-01-28 03:17

vue2 树形数据，最后一集添加标识

functionaddTreeFn(treeData,type1){treeData.forEach((node)=>{if(node.children&&node.children.length>0){addTreeFn(node.children,type1)}else{node.sos=type1}})}addTreeFn(this.list,'1')