文件名称:wine-beer-cellar-vuejs:前端盒
文件大小:1.67MB
文件格式:ZIP
更新时间:2024-06-02 10:18:48
HTML
葡萄酒和啤酒地窖Vue.js应用 简单的应用程序列出了具有详细信息视图的葡萄酒/啤酒,并提供了将新项目添加到列表的选项。 它使用localStorage存储数据,并使用Vuex作为状态存储。 如果localStorage上没有数据,则从本地json文件中读取初始列表。 当向列表中添加新项目时,图像在上(基于云的图像和视频管理服务)。该解决方案使用Vuex,以便轻松更改以与外部API一起使用,从而删除了保存和读取代码localStorage或合并它们以具有持久状态。 它允许重新加载项目详细信息页面,还可以对项目进行过滤和/或排序,而无需对API进行额外的请求。 这个想法是基于没有大量项目要列出的应用的,否则最好在API上实现分页。 如果您喜欢这样简单的应用程序,而很少有产品,则可以从API提取数据并删除Vuex并实现简单的逻辑。 检查此以获取更多详细信息。 项目设置 yarn instal
【文件预览】:
wine-beer-cellar-vuejs-main
----.gitignore(19B)
----coverage()
--------coverage-final.json(3KB)
--------clover.xml(2KB)
--------lcov.info(743B)
--------lcov-report()
----package.json(3KB)
----jsconfig.json(156B)
----src()
--------components()
--------main.js(811B)
--------data()
--------assets()
--------views()
--------App.vue(649B)
--------router()
--------store()
----yarn-error.log(594KB)
----codecov-coverage()
--------coverage-final.json(3B)
--------clover.xml(396B)
--------lcov.info(0B)
--------lcov-report()
----LICENSE(1KB)
----public()
--------data()
--------assets()
--------index.html(611B)
--------favicon.ico(4KB)
----.github()
--------workflows()
----.deepsource.toml(102B)
----README.md(2KB)
----vue.config.js(716B)
----tests()
--------unit()
----.vscode()
--------settings.json(180B)
----babel.config.js(66B)
----yarn.lock(565KB)