Vue.js 源码逐行剖析工具 Learn-Vue-Source-Code

MIT
JavaScript 查看源码»
跨平台
2019-12-27
难凉热血

本项目是将Vuejs源码分为九大模块,分别是:

  1. 变化侦测篇

    学习Vue中如何实现数据的响应式系统,从而达到数据驱动视图。

  2. 虚拟DOM篇

    学习什么是虚拟DOM,以及Vue中的DOM-Diff原理

  3. 模板编译篇

    学习Vue内部是怎么把template模板编译成虚拟DOM,从而渲染出真实DOM

  4. 实例方法篇

    学习Vue中所有实例方法(即所有以$开头的方法)的实现原理

  5. 全局API篇

    学习Vue中所有全局API的实现原理

  6. 生命周期篇

    学习Vue中组件的生命周期实现原理

  7. 指令篇

    学习Vue中所有指令的实现原理

  8. 过滤器篇

    学习Vue中所有过滤器的实现原理

  9. 内置组件篇

    学习Vue中内置组件的实现原理

每个模块逐个击破,逐行分析源码的逻辑,取他人之长,补己之短。希望能帮助到更多的Vue初学者。

的码云指数为
超过 的项目
加载中
此软件有 1 条评论,请先登录后再查看。

暂无资讯

暂无问答

[Vue] Code split by route in VueJS

In this lesson I show how to use webpack to code split based on route in VueJS. Code splitting is a useful tool to help eliminate unused code and only load what's necessary. Add...

2018/05/26 23:09
20
0
vue进阶:vs code添加vue代码片段

如何设置? 选择或创建 配置代码 如何使用? 一、如何设置? 进入vs code主界面-->使用快捷键“ctrl + shift + p”: 如果你是使用Preferences:Configure User Snippets或者之前的记录被清除的...

2019/07/19 14:44
6
0
Vue实现显示隐藏小功能-learn

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> </title> <style type="text/css"> .slide-fade-enter-active { transition:all .3s ease; } .slide-fade-leave- { transiti...

2017/05/29 17:50
185
0
VS Code引用 vue/cli

npm i @vue/cli -g 引用cli脚手架 3.0版本 下载好后 找个空文件夹 vue create myvue 创建vue项目 myvue是自己项目名称 Your connection to the default npm registry seems to be slow. Use ...

2019/04/24 18:33
16
0
Vue--vue-Router

一.vue路由的基本使用 为什么需要路由? 因为我们通过component切换组件无法给组件传递参数 component切换组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8...

2018/04/27 14:00
254
0
vs code 添加vue 模板

1.按下ctr + shift + p 键 2.选择红框内容 3.选择vue.json 4.输入如下: "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<scr...

2018/11/28 10:11
26
0
[Vue] : Vue概述

什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架。 Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架! Vue.js 是一套构建用...

2019/06/23 21:29
347
0
vue -- vue实例

一、vue实例 let app = new Vue({ // 对象属性 ]) 二、对象属性 1、el 就是父DOM 2、data 所有vue上面操作的数据都会被写在这里 3、methods 所有的函数方法都写在这里 methods: { g...

2019/04/04 11:41
179
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部