jsrebuild / build-your-own-vuejs

[Deprecated] Build Vuejs from scratch to learn how it works internally

Build your own Vuejs

This project is working in progress, stay tuned.

This repository includes Build your own Vuejs book and the code for it.

In the book Build your own Vuejs, we will build a Vuejs from scratch. And you will learn how Vuejs works internally, which helps a lot for your daily development with vue.

Inspired by the amazing book Build your own Angularjs, the code of Build your own Vuejs will be developed in a test-driven way.

We'll focus on Vuejs 2.0. And we assume our reader have played around with Vuejs once and know basics about Vuejs APIs.

Table of Contents

• Chapter1: Vuejs Overview
• Chapter2: Reactivity system
• Chapter3: Virtual DOM
• Chapter4: Built-in modules: directives, attributes, class and style
• Chapter5: Instance methods and global API
• Chapter6: Advanced features

Code

develop

npm run watch

test

npm run test

build

npm run build

Lisence

Well, do whatever your like.

build-your-own-vuejs's Issues

Is this abandoned?

Any plans of continuing this? Im also in the process of documenting the inner workings of Vue js.

An issue at test script in the chapter1

Hi, this is an awesome guide. I am really enjoying to read through it.

I think I found an issue at test script in the chapter1.
There is a problem at import location.

File: test/options/options.spec.js

import Vue from "../src/instance/index";
should be
import Vue from "../../src/instance/index";

Thank you for your support.

还想着, 翻译成中文, 应该是**人吧

初稿

https://github.com/chinanf-boy/build-your-own-vuejs

vue源码里面有用ES6的class和const

但是在build出的代码里就没有了，class就变成一个普通的function这样。不知道这个是不是打包的时候rollip或者buble的特性？