![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 88
懒人Ethan
毕业于天津理工大学,拥有超过10年dotnet和前端开发经验。PMP认证,Microsoft Certified认证。精通ASP.NET/ASP.NET Core、Angular和Vue的开发。
展开
-
一道关于Vue的数据绑定和依赖收集的面试题
分享一道Vue的面试题,该题涉及Vue的响应式数据绑定和依赖收集,希望可以加深大家对Vue原理的理解原创 2022-12-12 17:29:47 · 1975 阅读 · 1 评论 -
Vuex 4.x 模拟实现
本文参照vuex 4的基本功能,模拟实现了其主要功能,并提供了关键的代码。本文是在Vue 3.0上通过其Composition API模拟Vuex 4.0的基本功能。原创 2022-09-08 17:23:00 · 380 阅读 · 0 评论 -
介绍一种在Vue 3.0 下封装第三方插件的方法
Vue在升级到3.0之后,我们不能再按照2.0的方式,在其原型链上封装第三方的插件对象。本文仿照Vuex的使用方法,结合Vue3.0的Composition API,实现一种在Vue 3.0下封装第三方插件的方法。原创 2022-08-28 12:06:45 · 1109 阅读 · 0 评论 -
一种文件切片上传策略
本文介绍一种文件切片上传策略,以应对项目开发中的可能遇到的大文件上传的需求。客户端采用Vue 3.0,服务器端提供Express和Asp.Net Core两种实现。原创 2022-08-23 17:25:28 · 588 阅读 · 0 评论 -
Vue的指令中如何传递更多参数
概要我们在使用Vue的开发项目中,经常用自定义指令(directive)来封装一系列的DOM操作,这样做非常方便。一般来说,指令是使用动态指令参数来获取App中的数据。但是有些时候,自定义指令需要更多的数据来完成更复杂的功能,例如在指令中调用当前App实例的nextTick方法,以确保所有DOM元素加载完成,再进行DOM操作。还有一些情况,我们需要将一些全局配置参数传递给指令,已有的参数专递方式,显然无法满足这些需求。本文介绍一种扩展指令参数的方法,使其可以接收更多参数。该方法在Vue 2.0和 Vu原创 2022-03-25 22:57:40 · 5793 阅读 · 0 评论 -
Vue 2.0源码分析之响应式数据生成的原理
概要本文通过分析Vue 2.0 源码,探讨一下在Vue 2.0的初始化过程中,如何生成响应书数据。最后我们将关键的代码抽取出来,模拟出具体的实现过程。本文使用的Vue源码版本是2.6.14。Github地址是https://github.com/vuejs/vue.git。...原创 2021-07-21 16:53:52 · 499 阅读 · 4 评论 -
为什么Vue 2.0中的this指针可以访问到data函数的返回值
概要本文通过分析Vue 2.0 源码,探讨一下为什么在Vue 2.0中,我们可以在method,filter,计算属性对应的方法中,通过this指针访问data方法的返回值。最后我们将关键的代码抽取出来,模拟出具体的实现过程。本文使用的Vue源码版本是2.6.14。Github地址是https://github.com/vuejs/vue.git。代码流程分析1. 进入初始化方法_init在/src/core/instance/index.js 中,调用_init方法function Vue (原创 2021-07-03 12:01:56 · 1326 阅读 · 0 评论