vue源码

vue源码——vue初始化流程分析

众所周知，vue源码是用flow写的，本文就讲一讲vue初始化流程https://github.com/vuejs/vue.git这是vue在github上的源码有兴趣的可以clone下来看看找到入口文件在根目录找到
维多利亚少年-·2020-09-13 21:50

40节前端高级开发进阶资料：Vue源码、NodeJS、jQ+bs、vue-cli、Vue全家桶、Promise、NodeJS、全栈SSR、金融项目前端架构实战

给国庆放放假吧~不，要成为一名前端高手，还是补补课吧视频资源目录：1、带你探究vue-router源码，实现一个基础的vue-router2、再次探究vue源码，制作优秀的自定义插件库3、从今天起不再懵逼
Java永远的神·2020-09-13 02:16

vue+vscode工具零基础入门学习

VScode或者notepad都是不错的选择，开源并且社区活跃度不错，选他没错直接搜索对应关键词即可下载官方版本，免费使用贴一下网址：vscode工具的下载链接vscode下载和安装工具教程：vscode下载vue
一米阳光zw·2020-09-13 02:44

vue导入导出excel组件封装

vue导入导出excel组件可直接使用参考以下博客，侵删参考的博客##一：项目安装依赖npminstall--savexlsx在项目中创建文件夹及文件如下图：excel-import.vue源码：选择文件
weixin_44035351·2020-09-12 21:52

vue源码(十三) 数组下标改变值的响应式误区以及实现

前言相信大家都知道，在vue2.0x中，使用数组下标改变值时，是不会触发响应式的以下来自:Vue官方文档Vue不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem]=newValue当你修改数组的长度时，例如：vm.items.length=newLength但是其实还是有特殊情况的，让我们来分析分析正常情况让我们看看，使用数组下标直接改变数组元
Coder小鹿·2020-09-12 21:42

vue源码解读系列（5）：分析dom挂载阶段，了解$mount的实现

入口文件：这里先缓存了起来，constmount=Vue.prototype.$mount，这里的Vue.prototype.$mount是在./runtime/index中定义的。这里是复用了runtimeonly版本初始化生命周期的一些代码，因为runtimeonly版本是没有挂载dom的，所以要在这里重新写挂载dom的代码，如下：//src/platforms/web/entry-runti
Lvan-Zhang·2020-09-12 21:31

vue源码解读系列（4）：为什么通过this.xxx可以访问到data的数据

该页面ctrl+F搜索下一个来查看流程我们看看newVue的时候发生了什么，我们为什么可以通过this.xxx访问到data中的数据。看源码要确立目标，想要看哪里的知识，就去看哪里，别的无关的函数就不要去看了，要不一个套一个，一会就给你看懵逼了分析1、vue的最初形态//src/core/instance/index.jsimport{initMixin}from'./init'import{st
Lvan-Zhang·2020-09-12 21:30

Vue源码解析，keep-alive是如何实现缓存的？

前言在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue为我们提供了缓存组件keep-alive，它可用于路由级别或组件级别的缓存。但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析keep-alive的原理。LRU策略在使用keep-alive时，可以添加prop属性include、exclude、ma
时~枫·2020-09-12 14:43

整合 vue、viewui、axios、mock 和 webpack 的简单案例

[email protected]@[email protected]@4.41.2文章目录简介项目结构Axios配置网络接口Mockjs拦截Ajax请求Vue
奇妙的代码·2020-09-12 08:09

常用网站

前端文档：VUE:https://cn.vuejs.org/v2/api/#vm-dataVUE源码:https://vue-js.com/learn-vue/start/#_1-%E5%89%8D%E8%
A程序员·2020-09-11 13:06

Vue源码剖析(一)：抽离AST抽象语法树

Vue源码剖析，针对Vue2.x的Vue框架源码，描述相应的核心实现并简单实现具体的流程今天说的是如何将编写的模板语法，抽离成框架处理的AST语法树Vue是一个面向视图层的渐进式前端框架，它推荐用户使用不同的状态控制页面元素
一树梨花·2020-09-11 10:11

vue源码分析day1-ast实现.md

源码分析parseHTML主要对html进行截取，匹配，分析，然后调用传入的options中的处理函数，在父级函数中形成ast结构。/**主要的html处理*/functionparseHTML(html,options){varstack=[];varexpectHTML=options.expectHTML;varisUnaryTag$$1=options.isUnaryTag||no;var
l783008767·2020-09-11 09:33

vue源码解析一AST抽象语法树

写在最前面：以前只是了解过vue的一些原理性的东西，但是一直疏于总结，从今天开始进行详细的解析vue的源码，并且希望自己能在这个年终完成这些终结，也是对自己的提升vue源码解析https://github.com
speed_zombie·2020-09-11 07:45

[Vue源码分析] v-model实现原理

最近小组有个关于vue源码分析的分享会，提前准备一下…前言:我们都知道使用v-model可以实现数据的双向绑定，及实现数据的变化驱动dom的更新，dom的更新影响数据的变化。
weixin_33948416·2020-09-11 07:11

从Vue源码角度深挖Watch、Computed

实例分析computed和watch前言这篇文章将带大家全面理解vue的watcher、computed和userwatcher，其实computed和userwatcher都是基于Watcher来实现的，我们通过一个一个功能点去敲代码，让大家全面理解其中的实现原理和核心思想。所以这篇文章将实现以下这些功能点：实现数据响应式基于渲染wather实现首次数据渲染到界面上数据依赖收集和更新实现数据更新
NurTuam-何永杰·2020-09-10 20:28

Vue源码学习之模板编译器原理

在Vue中，从模板到页面更新的流程大概是这样的：模板编译器将用户提供的一个模板字符串（或dom节点id）解析生成抽象语法树，再经由优化器优化，标记所有的静态节点后，交由代码生成器生成渲染代码，再通过渲染函数构建器将渲染代码构建成一个渲染函数，调用这个渲染函数，我们就可以得到目标模板的虚拟dom，经过patching算法的对比后，得到最少更改的虚拟dom，再根据这个虚拟dom实现页面的更新。万丈高楼
星河阅卷·2020-09-10 18:07

入口文件开始，分析Vue源码实现

网上现有的Vue源码解析文章一搜一大批，但是为什么我还要去做这样的事情呢？因为觉得纸上得来终觉浅，绝知此事要躬行。
南京闫伟亮的野爹·2020-09-10 12:03

vue源码分析（六）：数据绑定与数据劫持

前面几节我们说了vue初始化显示的一些内容，重点在指令解析上面。当初始化的视图绘制好了之后，问题又来了——当数据发生了更新，视图怎么办呢？这就引出了今天的知识点——数据绑定。什么是数据绑定？数据绑定，就是一旦更新了data中的某个属性数据，所有界面上直接或间接使用了此属性的节点就会更新。Title直接使用：{{firstname}}间接使用：{{fullname}}修改constvm=newVue
姜治宇·2020-09-04 22:44

vue 响应式原理

详解Vue响应式原理Vue源码解读之Dep,Observer和WatcherVue------发布订阅模式实现https://blog.csdn.net/weixin_
qq_37820215·2020-09-03 12:56

vue源码解读系列（2）：解读目录结构与整体设计

目录结构整体分析首先看package.json"scripts":{"build":"nodescripts/build.js"}执行npmrunbuild会去执行scripts/build.js这个文件，而这个文件主要是拿到执行了scripts/config.js里的配置，生成不同版本的打包文件。//scripts/config.jsconstbuilds={//Runtimeonly(Comm
Lvan-Zhang·2020-08-30 00:06

Vue生命周期总结

这里主要记录在日常中对知识的学习，通过结合笔记与自身理解的方式尝试写下总结文章对细节可能不会一一介绍解释，内容仅作参考复制代码这些天在尝试开始对Vue源码的解读，一点一点去了解框架的设计以及实现思路。
weixin_34110749·2020-08-26 16:24

vue源码学习：Object.defineProperty 对数组监听

上一篇中，我们介绍了一下defineProperty对对象的监听，这一篇我们看下defineProperty对数组的监听数组的变化先让我们了解下Object.defineProperty()对数组变化的跟踪情况：vara={};bValue=1;Object.defineProperty(a,"b",{set:function(value){bValue=value;console.log("se
ijarvis·2020-08-26 13:08

Vue源码实现--依赖收集（1）

最近闲来在比较深入的学习vue的源码，受益匪浅，在这边记录一些心得，顺便给自己定个小目标--自己实现一个简单的vue框架，不考虑错误检查，不考虑边界情况，包含vue最主要最基础的流程。第一篇文章，就来简单说说vue的依赖收集。首先，何为依赖收集？用例1：我们使用vue的时候，经常会用到$watch方法去监听属性的改变，比如：app.$watch('a',function(){console.log
勤奋的大鱼·2020-08-25 17:04

模拟Vue之数据驱动2

通过走读Vue源码，发现他是利用Observer构造函数为每个对象创建一个Observer对象，来监听数据的，如果数据中的属性又是一个对象，那么就又通过Observer来监听嘛。
amm28824·2020-08-25 17:53

大前端进阶-读懂vuejs源码1

forkvue源码仓库到自己的github仓库中，这样，可以随便添加注释和修改。下载项目，打开package.json
carry·2020-08-25 16:00

Vue项目数据动态过滤实践

-)，过程中会涉及到一些Vue源码的概念比如$mount、renderwatcher等，如果不太了解的话可以瞅瞅Vue源码阅读系列文章~问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key
SHERlocked93·2020-08-25 16:14

Vue源码阅读 - 批量异步更新与nextTick原理

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养
SHERlocked93·2020-08-25 16:13

大前端进阶-读懂vuejs源码1

forkvue源码仓库到自己的github仓库中，这样，可以随便添加注释和修改。下载项目，打开package.json
carry·2020-08-25 09:29

Vue源码解析

Vue中的key的作用和工作原理？源码位置:src/core/vdom/patch.js-updateChildren()作用:Key的主要作用是高效的更新虚拟dom，源码中在patch的过程中，会执行patchVnode，patchVode过程中会执行updateChildren方法，会更新两个新旧的子元素，通过key可以准确的判断这两个节点是不是同一个，从而避免了频繁更新不同元素，使得整个pa
学而用心思·2020-08-24 15:52

(解析)mpvue源码解读

前言mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架，开发者将得到完整的Vue.js开发体验，同时为H5和小程序提供了代码复用的能力。我在前一段时间，学习了解并尝试开发了一个小程序“简说”，样式丑了点，代码有些粗糙，但是作为前后端分离的font-end项目开发学习，应该有些帮助，有兴趣可以去看看，git地址都在文中。mpvue及koa2全栈开发小程序解读mpvue实现原理以上是
ThenMorning·2020-08-24 14:18

(实践)mpvue及koa2开发小程序

前言这是一个从小程序客户端到Node-api服务至mysql数据库的练手项目Doc.有兴趣可以了解下mpvue的原理mpvue源码解读实践客户端(mpvue)仓库地址:In-brief服务端(koa2+
ThenMorning·2020-08-24 14:43

组件化的思想实现 vue2.0 下对网页标题(document.title)的更新

最近为了学习react，用vue和react分别实现了https://cnodejs.org/简易版vue版本：https://share.la/cnodejs/vue源码地址：https://github.com
ycloud·2020-08-24 13:25

vue源码分析——组件化

vue源码相对比较复杂，需要耐心反复理解及调试，不懂就多调试问百度，罗马不是一日建成的，相信坚持就会有收获哈~我们先写个测试页面，具体调试可以下载vue.js，然后具体做断点de
chinamasters·2020-08-24 01:31

vue源码分析——组件化

vue源码相对比较复杂，需要耐心反复理解及调试，不懂就多调试问百度，罗马不是一日建成的，相信坚持就会有收获哈~我们先写个测试页面，具体调试可以下载vue.js，然后具体做断点de
chinamasters·2020-08-24 01:43

利用rollup构建和发布NPM包

vue源码采用rollup构建。因为想了解一下vue的源码，所以可以趁着构建npm包的机会尝试一下rollup，熟悉下语法。构建步骤
weixin_34050427·2020-08-23 20:07

vue源码研究--Data为啥要写成函数？

大家在使用vue的时候，肯定有想过为什么data要写成函数，而不允许写成对象？首先我们要想到：data是Vue实例上的一个属性。对象是对于内存地址的引用。函数有自己的作用域空间。vue实例中的data是对象的写法，但是在组件中data是函数的写法，是因为写成函数，会有函数作用域的概念，是私有函数，只作用到当前组件中，不会影响到其它各个不同的组件。第一点无可厚非，data属性附着于Vue实例上。第二
我是一名程序媛·2020-08-23 18:06

Vue源码分析之实现一个简易版的Vue

目标参考https://cn.vuejs.org/v2/guide/reactivity.html使用Typescript编写简易版的vue实现数据的响应式和基本的视图渲染，以及双向绑定功能。测试代码中，编写vue.js是本篇的重点，基本使用方法与常规的Vue一样:{{person.name}}{{count}}letvm=newVue({el:'#app',data:{msg:'Hellovue
Khazix·2020-08-23 15:00

rollup又一打包利器，不需要的代码统统走开

可以帮助你从一个入口文件开始，将所有使用到的模块文件都打包到一个最终的发布文件中（极其适合构建一个工具库）tree-shaking这个特性可以帮助你将无用代码（即没有使用到的代码）从最终的生成文件中删去vue
相互伤害吧·2020-08-23 14:56

Vue源码之Object数据劫持

目录vue中如何侦测Object变化？Object.defineProperty数据劫持原理Object响应式中的问题vm.$set内部原理vm.$delete内部原理vm.$watch内部原理用法watch内部实现原理deep实现原理vue中如何侦测Object变化？js中两种侦测对象变化方法：使用Object.definePropertyES6的proxy(ES6浏览器支持不理想)Object
lxcy_intellect·2020-08-23 04:15

vue源码分析（三）——数据劫持 与 数据绑定

Object1、数据绑定(model==>View):一旦更新了data中的某个属性数据,所有界面上直接使用或间接使用了此属性的节点都会更新(更新)2、数据劫持①.数据劫持是vue中用来实现数据绑定的一种技术②.基本思想:通过defineProperty()来监视data中所有属性(任意层次)数据的变化,一旦变化就去更新界面3、四个重要对象①.Observer通过过隐式递归调用实现所有层次属性的监
喝啤酒的猫·2020-08-23 02:53

Vue源码 - 2.数据劫持

新建src/index.jsimport{initMixin}from"./init"functionVue(options){//运行Vue的初始化操作this._init(options)}//通过引入文件的方式给Vue原型上添加方法initMixin(Vue)exportdefaultVue新建src/init.jsimport{initState}from'./state';//在原型上添
qq_35432512·2020-08-23 02:24

vue源码分析之数据劫持(一)

vue源码分析之数据劫持Title//判断是不是对象类型functionisObj(x){if(Object.prototype.toString.call(x)=='[objectObject]'){
于丸·2020-08-23 01:53

js 对比 vue 装饰者模式

/新的需求打印1的同时还能打印2，现有源码方法不能满足现在需求解决方法：//新建方法b,cfunctionb(){console.log(2);}functionc(){a();b();}c();//vue
zyx_·2020-08-22 20:26

element ui表格组件 扩展行展开时通过@expand-change异步加载数据，页面不更新问题，第一次展开没有数据，第二次点击显示

补充：最近开始学习vue源码，在看到数据响应的原理的时候，发现了这个问题的根本原因，那就是vue的数据侦测无法检测对象属性的新增和减少，而我异步去获取的数据是使用对象的键值形式来保存，那么新增的键，也就是属性无法被检测到
vegeticken·2020-08-22 19:10

vue中引用swiper轮播插件

通过npm安装插件：npminstallswiper--save-dev在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里Slider.vue源码：Slide3--
weixin_34235457·2020-08-22 19:15

Vue源码窥探之依赖收集

派发更新主要是在我们修改响应式数据的时候可以得到通知。当修改响应式对象地数据时，会触发setter，里面有两个关键点，一个是childOb=!shallow&&observe(newVal)，如果shallow为false的情况下，会对新设置的值变成响应式对象；另一个是dep.notify()，通知所有订阅者。classDep{//...notify(){//stabilizethesubscri
qq_35534823·2020-08-22 17:00

Vue源码窥探之响应式对象

在Vue初始化阶段的时候，会执行_init方法，其中在_init方法中会执行initState方法。在initState方法中，我们会对props，methods，data，computed，watch进行初始化。在我们这篇文章中，主要分析的是Vue的数据的响应式，所以我们着重分析props和data。首先，我们来看一下initProps过程。initProps其实就做了两件事，遍历props，然
qq_35534823·2020-08-22 17:59

Vue源码窥探之依赖收集

我们之前了解到，Vue的响应式对象过程，是对props和data依次执行defineReactive方法，那我们这里继续重温一下该方法的逻辑实现：defineReactive方法内我们需要关注两点，一个是在开始先实例化一个Dep，另一个是get方法内部的一系列逻辑就是依赖收集的过程，最关键的是dep.depend。那说明整个依赖收集的过程都是和Dep息息相关的，所以我们需要对Dep一探究竟。Dep
qq_35534823·2020-08-22 17:59

虚拟dom实现原理+源码解析+面试题总结

虚拟Dom原理vue虚拟dom实现原理Vue面试题总结（长期更新）Vue源码解析Vue面试题精编前端最强面经汇总前端面试题文档前端实用文档前端面试题目面试资源汇总中级前端面试
devincob·2020-08-22 16:48

JS每日一题:vue中keepalive怎么理解？

说在前面:keep-alive是vue源码中实现的一个组件,感兴趣的可以研究源码github.com/vuejs/vue/b…什么是keepalive我们平时开发中,总有部分组件没有必要多次init,我们需要将组件进行持久化
weixin_34306593·2020-08-22 14:52
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他