{"id":13938089,"url":"https://github.com/xiaoluoboding/vue-demo-collection","last_synced_at":"2025-06-24T07:36:09.691Z","repository":{"id":83484430,"uuid":"58026621","full_name":"xiaoluoboding/vue-demo-collection","owner":"xiaoluoboding","description":"A collection of Vue.js demos","archived":false,"fork":false,"pushed_at":"2018-01-29T05:43:56.000Z","size":610,"stargazers_count":267,"open_issues_count":0,"forks_count":91,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-13T04:15:47.229Z","etag":null,"topics":["collection","demo","tutorial","vuejs","vuex"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xiaoluoboding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-04T05:58:11.000Z","updated_at":"2024-08-12T06:11:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"f9804422-607c-4166-8ab6-4717860a79ff","html_url":"https://github.com/xiaoluoboding/vue-demo-collection","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xiaoluoboding/vue-demo-collection","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-demo-collection","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-demo-collection/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-demo-collection/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-demo-collection/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xiaoluoboding","download_url":"https://codeload.github.com/xiaoluoboding/vue-demo-collection/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-demo-collection/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261630300,"owners_count":23187201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["collection","demo","tutorial","vuejs","vuex"],"created_at":"2024-08-07T23:04:14.179Z","updated_at":"2025-06-24T07:36:09.664Z","avatar_url":"https://github.com/xiaoluoboding.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# Vue.js Demo Collection\nA collection of Vue.js demos\n\n# Usage\n\n```bash\n# clone this repo\ngit clone https://github.com/xiaoluoboding/vue-demo-collection.git\n\n# change dir\ncd vue-demo-collection\n\n# install dependencies\nnpm install\n```\n\n## Index\n\n1. github-file-explorer，简单的Github文件浏览器。\n1. shopping-cart，模仿购物车场景。\n1. vuex-mongoose，Vuex结合Mongoose最佳实践代码样本。\n1. financial-tools，使用Vux构建的理财小工具。\n\n## github-file-explorer\n\n[Tutorial](http://xlbd.me/vue-demo-github-file-explorer/) /\n[Demo](http://xiaoluoboding.github.io/vue-demo-collection/github-file-explorer/) / [Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/github-file-explorer)\n\n学习内容：\n\n* `使用简单vue指令`\n* `使用vue插件vue-resource`\n* `使用vue调试工具Vue Devtools`\n\n## shopping-cart\n\n[Tutorial](http://xlbd.me/vue-vuex-shopping-cart/) /\n[Demo](http://xiaoluoboding.github.io/vue-demo-collection/shopping-cart) /\n[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/shopping-cart)\n\n学习内容：\n\n* `使用vue-router`进行简单的导航\n* `如何配置vuex`\n* `使用vuex进行状态管理`\n* `使用Vue DevTools调试vuex`\n\n## vuex-mongoose\n\n[Tutorial](http://xlbd.me/vuex-with-mongoose-best-practices/) /\n[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/vuex-mongoose)\n\n学习内容：\n\n* `通过Mongoose连接MongoDB数据库`\n* `导出一个Model模块为App所用`\n* `使用Vuex结合Mongoose全局化Model`\n* `使用Model来进行数据库操作`\n\n## financial-tools\n\n[Source](https://github.com/xiaoluoboding/vue-demo-collection/tree/master/financial-tools)\n\n学习内容：\n\n* `使用vux来构建简单的移动应用页面`\n* `使用vue-router进行简单的导航`\n\n#License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoluoboding%2Fvue-demo-collection","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxiaoluoboding%2Fvue-demo-collection","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoluoboding%2Fvue-demo-collection/lists"}