项目效果展示：项目中遇到的问题：下拉加载更多在chrome浏览器的手机模拟中没有响应mint-ui框架中loadmore自带的loadBottom方法，后来把代码部署到手机上可以正常调用，加载出了更多数据。使用mint-ui 中的 Swipe，必须给此标签元素设置高度才能正常显示（没设置高度检查元素的时候发现高度为0，内部元素并没有将盒子撑开）使用到的技术点vue-router路由axio

效果如图所示：安装vue-router：npm install vue-router --save底部选项卡：使用的是：MUI中的 tab bar(选项卡)下载mui:[mui](https://github.com/dcloudio/mui),将其中的dist文件夹放到项目中的static文件夹下核心文件引入：在main.js文件中引入：// 引入路由import VueRouter f

在加载轮播图的时候，想用现成的网络图片，引发了下面的问题：http://imglf5.nosdn.127.net/img/BPT0.png?imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg 403 (Forbidden)搜索问题，发现是因为这个网站做了反盗链Anti HotLinking，这里是别人的关于此问题的详解：关于

在写vue项目调用接口获取数据的时候，比如新闻列表页我只需要显示新闻标题和发表时间，点击每条新闻进入详情页的时候才会需要摘要、新闻内容等关于此条新闻的所有字段。但其实我所有关于新闻的数据在同一个数据集合里，也就是只有一个集合我不希望获取新闻列表的时候就把每条新闻的所有数据都显示我也不希望是建两个集合分别放列表数据和详情数据所以这篇文章对我很有帮助：MongoDB查询操作限制返回字