VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp
<h2>VUE全家桶,都有很牵强的用到</h2> <h3>vue2</h3> <p>Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。</p> <p><a href="/misc/goto?guid=4959646930251080102" rel="nofollow,noindex">vue.js</a></p> <h3>vue-router</h3> <p>应用的路由映射</p> <p><a href="/misc/goto?guid=4959741973371171119" rel="nofollow,noindex">router</a></p> <h3>vuex</h3> <p>Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。</p> <p><a href="/misc/goto?guid=4959741973466267992" rel="nofollow,noindex">vuex</a></p> <h3>axios</h3> <p>基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用</p> <p><a href="/misc/goto?guid=4959741973552684749" rel="nofollow,noindex">axios</a> <a href="/misc/goto?guid=4959741973631238887" rel="nofollow,noindex">axios介绍</a></p> <h3>UI</h3> <p><a href="/misc/goto?guid=4959741973712698921" rel="nofollow,noindex">muse UI</a> <a href="/misc/goto?guid=4959741973795022873" rel="nofollow,noindex">mint UI</a></p> <h2>项目图片展示</h2> <p style="text-align:center"><img src="https://simg.open-open.com/show/6b3f1d448f95e2408c5930bbea5ec01d.png"> <img src="https://simg.open-open.com/show/6cd24081bd885195247eba6c42b24611.png"> <img src="https://simg.open-open.com/show/a9548614cd418526f6c9d84a99080999.png"> <img src="https://simg.open-open.com/show/ab94522736009115b9aea75da0193e66.png"> <img src="https://simg.open-open.com/show/0591b64ac018c41021a08ad50729a08c.png"> <img src="https://simg.open-open.com/show/f7d1ba386906d4d7049ff1a25310d728.png"></p> <h2>目录结构</h2> <pre> <code class="language-javascript">|-- build //webpack配置文件 |-- config // 项目打包路径 |-- static // 静态文件目录 |-- src // 源码目录 | |-- assets | | |-- css | | | |-- main.scss // scss | |-- components // 组件 | |-- data | | |-- index.js // 请求数据 | |-- router | | |-- index.js // 路由配置 | |-- store | | |-- modules // vuex模块 | | |-- index.js // vuex主文件 | |-- App.vue // 页面入口 | |-- main.js // 程序入口 |-- .babelrc // ES6语法编译配置 |-- .editorconfig // 代码编写规格 |-- .gitignore // push忽略文件 |-- index.html // 入口html页面 |-- package.json // 依赖及配置 |-- README.md // 简介</code></pre> <h2>使用</h2> <pre> <code class="language-javascript">npm i // 安装依赖 npm run dev // 本地开发 npm run build // 生产部署</code></pre> <p> </p> <p> </p>
本文由用户 uhbo7464 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!