3天用vue写一个简单的app

最新推荐文章于 2024-07-23 17:06:34 发布

weixin_34034670

最新推荐文章于 2024-07-23 17:06:34 发布

阅读量7k

点赞数 3

文章标签： javascript ui webpack ViewUI

原文链接：https://juejin.im/post/5c4db71af265da616c65f4cc

版权

本文记录了作者利用vue、vuxui框架在3天内制作一个简单App的过程，包括项目预览、封装弹窗插件、常用函数封装、页面动画实现以及组件复用、路由和懒加载的应用。代码简洁，适合初学者参考学习。

摘要由CSDN通过智能技术生成

今年是vue比较火的一年，自己也在闲暇之余，用vue全家桶+vuxui框架，写了一个简单的app应用，首先来看下效果吧（ps:数据来自掘金）

以上就是基本效果图，项目中用了

vue-router =>   路由

axios      =>    ajax请求方式


vuex      =>     状态管理(ps:由于项目比较小，也就没有具体是用vuex，只是将数据存储到本地，来展示在页面，本质和vuex做到同样的效果)

vux       =>     ui框架（ps：个人认为vux不适合新手使用，使用困难难度较大，建议使用比较简单的ui框架，如：vue-ydui，mint-ui...）

vue-cli2.x   ps:虽然vue3.0脚手架出来了，但是没有具体文档，webpack方面也需要自己配置，上手比较困难，建议使用vue2.x版本脚手架

复制代码

首先