All Projects → xiaoluoboding → Vue Demo Collection

xiaoluoboding / Vue Demo Collection

Licence: mit
A collection of Vue.js demos

Projects that are alternatives of or similar to Vue Demo Collection

Git Cheats
Git Cheats - Interactive Cheatsheet For Git Commands
Stars: ✭ 124 (-54.74%)
Mutual labels:  tutorial, demo
React Ssd1306
📟 A React Renderer for SSD1306 OLED chip on Raspberry Pi.
Stars: ✭ 273 (-0.36%)
Mutual labels:  tutorial, demo
Webpack Demo
webpack 4 config. demo ⚙️
Stars: ✭ 131 (-52.19%)
Mutual labels:  tutorial, demo
Circleci Demo Python Django
Example Django application running on CircleCI
Stars: ✭ 100 (-63.5%)
Mutual labels:  tutorial, demo
Knative Tutorial
https://dn.dev/master A practical guide to get started with Knative. Knative concepts are explained simple and easy way with lots of demos and exercises.
Stars: ✭ 219 (-20.07%)
Mutual labels:  tutorial, demo
Webhub
📦前端资源/学习/问题整理中心,请看issue
Stars: ✭ 112 (-59.12%)
Mutual labels:  tutorial, collection
Interactive Repulsive Effect
🍫 An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Stars: ✭ 141 (-48.54%)
Mutual labels:  tutorial, demo
K8sdemo
Kubernetes demo
Stars: ✭ 53 (-80.66%)
Mutual labels:  tutorial, demo
Web Push Book
Web Push Book
Stars: ✭ 199 (-27.37%)
Mutual labels:  tutorial, demo
Imodels
Interpretable ML package 🔍 for concise, transparent, and accurate predictive modeling (sklearn-compatible).
Stars: ✭ 194 (-29.2%)
Mutual labels:  tutorial, demo
Godot Demos
Godot demos and tutorials
Stars: ✭ 88 (-67.88%)
Mutual labels:  tutorial, demo
Smoothscrollanimations
Demo of a tutorial on how to add smooth page scrolling with an inner image animation
Stars: ✭ 238 (-13.14%)
Mutual labels:  tutorial, demo
Expo Three Demo
🍎👩‍🏫 Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-72.26%)
Mutual labels:  tutorial, demo
Vuex Shopping Cart
🛒 Shopping cart built with Vue and Vuex
Stars: ✭ 118 (-56.93%)
Mutual labels:  tutorial, vuex
Kanban Board
A sample application demonstrating a basic kanban board, seeded with vue-cli
Stars: ✭ 76 (-72.26%)
Mutual labels:  tutorial, vuex
Golang For Nodejs Developers
Examples of Golang compared to Node.js for learning
Stars: ✭ 2,698 (+884.67%)
Mutual labels:  tutorial, demo
Ros Academy For Beginners
中国大学MOOC《机器人操作系统入门》代码示例 ROS tutorial
Stars: ✭ 861 (+214.23%)
Mutual labels:  tutorial, demo
Redaxo Mit Docker
Simple 🐳 Docker setup for REDAXO development. Contains demo website and beginner’s guide!
Stars: ✭ 40 (-85.4%)
Mutual labels:  tutorial, demo
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-48.18%)
Mutual labels:  tutorial, demo
Caffe2 Ios
Caffe2 on iOS Real-time Demo. Test with Your Own Model and Photos.
Stars: ✭ 221 (-19.34%)
Mutual labels:  tutorial, demo

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].