Vue.js Demo Collection

A collection of Vue.js demos

Usage

# 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文件浏览器。
2. shopping-cart，模仿购物车场景。
3. vuex-mongoose，Vuex结合Mongoose最佳实践代码样本。
4. financial-tools，使用Vux构建的理财小工具。

github-file-explorer

Tutorial / Demo / Source

学习内容：

• 使用简单vue指令
• 使用vue插件vue-resource
• 使用vue调试工具Vue Devtools

shopping-cart

Tutorial / Demo / Source

学习内容：

• 使用vue-router进行简单的导航
• 如何配置vuex
• 使用vuex进行状态管理
• 使用Vue DevTools调试vuex

vuex-mongoose

Tutorial / Source

学习内容：

• 通过Mongoose连接MongoDB数据库
• 导出一个Model模块为App所用
• 使用Vuex结合Mongoose全局化Model
• 使用Model来进行数据库操作

financial-tools

Source

学习内容：

• 使用vux来构建简单的移动应用页面
• 使用vue-router进行简单的导航

#License

MIT