All Projects → answershuto → Learnvue

answershuto / Learnvue

Vue.js 源码解析

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Learnvue

Vue Laravel Spa
Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.
Stars: ✭ 107 (-99.07%)
Mutual labels:  vuex, vue-router
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (-85.59%)
Mutual labels:  vuex, vue-router
Vue2 Elm
基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
Stars: ✭ 37,325 (+224.11%)
Mutual labels:  vuex, vue-router
Vue Mobile Starter
☘ A starter project structure for Vue.js app.
Stars: ✭ 105 (-99.09%)
Mutual labels:  vuex, vue-router
Vue2 Basic Demo
这里是关于学习vue2.0的相关例子和项目,欢迎一起学习!
Stars: ✭ 125 (-98.91%)
Mutual labels:  vuex, vue-router
Vue Cli Multipage Bootstrap
vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Stars: ✭ 105 (-99.09%)
Mutual labels:  vuex, vue-router
Electron Vue Cloud Music
🚀Electron + Vue 仿网易云音乐windows客户端
Stars: ✭ 1,894 (-83.55%)
Mutual labels:  vuex, vue-router
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (-88.29%)
Mutual labels:  vuex, vue-router
Vue Ruby China
使用Vue.js框架搭建的ruby china山寨版,集成vue-router+vuex等
Stars: ✭ 113 (-99.02%)
Mutual labels:  vuex, vue-router
Vue Mobile Cli
🚀 Vue移动端多页应用脚手架
Stars: ✭ 112 (-99.03%)
Mutual labels:  vuex, vue-router
Todolist Frontend Vuejs
Front-end application for Todolist Web application built with Laravel and Vue.js
Stars: ✭ 120 (-98.96%)
Mutual labels:  vuex, vue-router
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-98.98%)
Mutual labels:  vuex, vue-router
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-99.11%)
Mutual labels:  vuex, vue-router
Vue Mmplayer
🎵 基于 Vue 的在线音乐播放器(PC) Online music player
Stars: ✭ 1,632 (-85.83%)
Mutual labels:  vuex, vue-router
Vuejs 2 Na Pratica
Curso totalmente prático de Vue.js da Webschool
Stars: ✭ 101 (-99.12%)
Mutual labels:  vuex, vue-router
Vue Meizi
vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
Stars: ✭ 1,476 (-87.18%)
Mutual labels:  vuex, vue-router
Vue Typescript Music
🔥 基于 vue 全家桶 音乐项目(Music project) vue+typescript 实现 高仿 网易云音乐 移动端WebApp
Stars: ✭ 94 (-99.18%)
Mutual labels:  vuex, vue-router
Vue Boilerplate
Vue 2.0 boilerplate,based on webpack and es6,includes vuex,vue-router,vue-resource, vuelidate
Stars: ✭ 94 (-99.18%)
Mutual labels:  vuex, vue-router
Seemusic
Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
Stars: ✭ 112 (-99.03%)
Mutual labels:  vuex, vue-router
Vue Expenses
A simple expense tracking application
Stars: ✭ 117 (-98.98%)
Mutual labels:  vuex, vue-router

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 内部运行机制》或许可以帮到你。

关于作者

作者: 染陌

Email:[email protected]

Github: https://github.com/answershuto

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

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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].