https://github.com/xiaoluoboding/vue-demo-collection

A collection of Vue.js demos
https://github.com/xiaoluoboding/vue-demo-collection

collection demo tutorial vuejs vuex

Last synced: 8 days ago
JSON representation

A collection of Vue.js demos

• Host: GitHub
• URL: https://github.com/xiaoluoboding/vue-demo-collection
• Owner: xiaoluoboding
• License: mit
• Created: 2016-05-04T05:58:11.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-29T05:43:56.000Z (almost 7 years ago)
• Last Synced: 2024-10-12T02:43:08.323Z (23 days ago)
• Topics: collection, demo, tutorial, vuejs, vuex
• Language: Vue
• Size: 596 KB
• Stars: 267
• Watchers: 17
• Forks: 91
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue.js Demo Collection

A collection of Vue.js demos

# Usage

```bash

# clone this repo

git clone https://github.com/xiaoluoboding/vue-demo-collection.git

# change dir

cd vue-demo-collection

# install dependencies

npm install

```

## Index

1. github-file-explorer，简单的Github文件浏览器。

1. shopping-cart，模仿购物车场景。

1. vuex-mongoose，Vuex结合Mongoose最佳实践代码样本。

1. financial-tools，使用Vux构建的理财小工具。

## github-file-explorer

[Tutorial](http://xlbd.me/vue-demo-github-file-explorer/) /

[Demo](http://xiaoluoboding.github.io/vue-demo-collection/github-file-explorer/) / [Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/github-file-explorer)

学习内容：

* `使用简单vue指令`

* `使用vue插件vue-resource`

* `使用vue调试工具Vue Devtools`

## shopping-cart

[Tutorial](http://xlbd.me/vue-vuex-shopping-cart/) /

[Demo](http://xiaoluoboding.github.io/vue-demo-collection/shopping-cart) /

[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/shopping-cart)

学习内容：

* `使用vue-router`进行简单的导航

* `如何配置vuex`

* `使用vuex进行状态管理`

* `使用Vue DevTools调试vuex`

## vuex-mongoose

[Tutorial](http://xlbd.me/vuex-with-mongoose-best-practices/) /

[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/vuex-mongoose)

学习内容：

* `通过Mongoose连接MongoDB数据库`

* `导出一个Model模块为App所用`

* `使用Vuex结合Mongoose全局化Model`

* `使用Model来进行数据库操作`

## financial-tools

[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/financial-tools)

学习内容：

* `使用vux来构建简单的移动应用页面`

* `使用vue-router进行简单的导航`

#License

MIT