vue-demo-collection

A collection of Vue.js demos

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. vux-demo,vux用于快速创建移动端UI很棒。

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来进行数据库操作

vux-demo

TBD…

#License

MIT

Related Repositories

vue-demo-collection

vue-demo-collection

A collection of Vue.js demos ...


Top Contributors

xiaoluoboding