vue-demos

A collection of simple demos based on Vue.js.

1. todolist-vue1

A simple demo of Vue.js(version 1.x)

In addition, communication between father and child components:

father -> child : By defining props in child components;

child -> father : Publish-subscribe patterns.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

2. todolist

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

3. shoppingcart-vue2.0

a simple shoppingcart demo of vue2.0 including class and style bindings, conditional rendering, list rendering, event handling, form input bindings and filters.

no npm related packages, just reference the CDN files

4. vue-webpack-todo

based on vue@2.5.13 and webpack@3.12.0

You can view in browser by running the index.html

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8000
npm run dev

# build for production with minification
npm run build