Skip to content

xiaoluoboding/vue-demo-collection

Repository files navigation

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

Releases

No releases published

Packages

No packages published