GithubHelp home page GithubHelp logo

ningsy1017 / learnvue Goto Github PK

View Code? Open in Web Editor NEW

This project forked from answershuto/learnvue

0.0 1.0 0.0 2.34 MB

:octocat:Vue.js 源码解析

Home Page: https://github.com/answershuto/learnVue

JavaScript 100.00%

learnvue's Introduction

learnVue

介绍

Vue.js源码分析,记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架,周边库的一些个人见解。

在学习的过程中我为Vue.js(2.3.0)、Vuex(2.4.0)、Vue-router(3.0.1)加上了注释,分别在文件夹vue-srcvuex-src以及vue-router-src中,希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。

感谢尤大提高生产力。

本项目希望对Vue.js做更进一步的探索与学习,Vue.js基础内容请参考Vue.js官网,https://cn.vuejs.org/v2/guide/。 可能会有理解存在偏差的地方,欢迎提issue指出,共同学习,共同进步。


目录

源码相关

Vue.js响应式原理

Vue.js依赖收集

从Vue.js源码角度再看数据绑定

Vue.js事件机制

VNode节点(Vue.js实现)

Virtual DOM与diff(Vue.js实现)

聊聊Vue.js的template编译

Vue.js异步更新DOM策略及nextTick

从template到DOM(Vue.js源码角度看内部运行机制)

Vuex源码解析

聊聊keep-alive组件的使用及其实现原理

随笔杂谈

Vue组件间通信

说说element组件库broadcast与dispatch


对于新手同学

由于以上内容都是针对 Vue.js 源码进行讲解了,可能有一些不太熟悉源码的同学读起来感觉晦涩难懂。

笔者撰写的《剖析 Vue.js 内部运行机制》或许可以帮到你。

获取更多前端领域优质技术博文

扫码或微信搜索“前端技术优选”,长期分享前端及Node.js领域优质技术博文,欢迎关注。


与更多技术同行交流


关于作者

作者: 染陌

Email:[email protected]

Github: https://github.com/answershuto

知乎:https://www.zhihu.com/people/cao-yang-49/activities

掘金:https://juejin.im/user/58f87ae844d9040069ca7507

对内容有任何疑问,欢迎联系我。

learnvue's People

Contributors

answershuto avatar bodyno avatar boseny avatar caikan avatar chinanf-boy avatar hardworkingsheep avatar heruns avatar lanceli avatar lasyislazy avatar lazzzis avatar liyangworld avatar lzldemo avatar pangxie1991 avatar plortinus avatar richardsleet avatar showonne avatar spemoon avatar styx11 avatar zhe-he avatar zjh9rondo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.