一些模块的小Demo
在了解一些模块的机理之后再去看vue源码会比较容易上手哦。
demo视频参考:https://www.bilibili.com/video/BV1iX4y1K72v?from=search&seid=8298706779327585433
mustache模版引擎
相关链接:
1、mustache 模版引擎底层核心
2、手写mustache核心源码
snabbdom的虚拟dom和diff算法
vue的虚拟dom和diff借鉴了snabbdom的核心原理,snabbdom比vue更简单纯粹。了解它有助于了解vue.
VUE 源码
源码版本:vue.js 2.5.17-beta.0
本人在研究源码的过程中有看视频、有看书、有直接看代码,效果各异。在此我给出的一点点切身建议,源码这个东西不可能是你看一个视频或者你学一两个星期就能弄的懂得。如果你也想去探究一些源码的底层,最好先有一个了解,不然你上来直接看源码你是看不懂的,或者说一些直接对着源码讲解的视频,看了也是很快就忘,因为你在对她一点点都不了解的情况之下你很难有更多的吸收。在知识掌握的不同阶段看同一段视频,他的关注点是不一样的。如果你看一个视频经常需要可以去找老师讲到哪里了,刚刚说的啥,那你这肯定不是适合你的视频。
(一) VUE的渲染流程
首先第一部分呢,准备给大家介绍vue的渲染过程。这也是vue的框架。
从我们使用new Vue(),到渲染到页面上,需要经过哪些过程呢?
这是我们第一部分介绍的内容。
vue 渲染流程