keepfool/vue-tutorials — explained in plain English
Analysis updated 2026-05-18
Learn Vue's two-way data binding and directives through worked examples
Study how parent and child components pass data using slots
Follow a step-by-step example building a CRUD interface with components
Learn to set up vue-router for single-page navigation
| keepfool/vue-tutorials | paypal/glamorous | micromodal/micromodal | |
|---|---|---|---|
| Stars | 3,622 | 3,622 | 3,621 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 1/5 | 2/5 | 1/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Written in Chinese, some examples use Browserify or Webpack build tooling.
This repository is a collection of code examples for learning Vue.js, a JavaScript framework for building web interfaces. The content is written in Chinese and accompanies a series of blog posts by the same author. Each section of the README links to both the written tutorial and live demos hosted online, so you can read the explanation and see the working example side by side. The tutorials follow a progression from basics to more involved topics. The first section covers the fundamentals of Vue: two-way data binding (where changing a value in the browser automatically updates the underlying data and vice versa), and the built-in directives that control how elements appear and behave, such as showing or hiding content, looping through a list, and responding to user input. Later sections cover Vue components, which are reusable building blocks for a page. The component tutorials show how to pass data between a parent component and its child components, how to use slots to inject content into a component from outside, and how components can communicate with each other. A multi-step example walks through building a simple CRUD interface (create, read, update, delete) from scratch using components. Subsequent sections cover making HTTP requests using jQuery's Ajax method and a Vue-specific library called vue-resource, implementing OAuth-based registration and login flows, setting up official Vue project templates with Browserify and Webpack, and using vue-router to build single-page applications where navigating between views does not require a full page reload. The repository is primarily a learning resource. The README is structured as a table of contents linking out to the individual examples rather than providing much explanatory text on its own.
A Chinese-language collection of Vue.js code examples and tutorials, pairing written explanations with live demos from basics to routing.
Mainly JavaScript. The stack also includes Vue.js, JavaScript, Webpack.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.