VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp

uhbo7464 2年前
   <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>