Vue全家桶
文章平均质量分 58
Vue全家桶使用剖析
土家稀哥
一花一世界,一码一人生,谓之程序人生。 渐渐老去,曾经的梦想,像堆栈一样,被房子死死地压在最下面,不知道何时才能pop. 但是,始终不会把这堆栈改造成队列,让梦想被挤出去,随风逝去。
展开
-
项目中对于axios的封装使用
在vue的项目中以前是使用vue-resource来请求数据,随着vue2的使用官方推荐使用axios,首先看看npm给出的axios定义以及兼容性:在使用之前需要安装axios,在项目的根目录下打开命令窗口输入一下代码安装axios:npm install axiosget方式使用:axios.get('/user?ID=12345') .then(function (response) {...原创 2018-03-31 11:25:10 · 8087 阅读 · 3 评论 -
vue中实现登录控制
vue中使用vue-router实现登录的控制在做后台管理系统中很常见,但是不想之前熟悉的流程那样,不过只要大家理解vue-router的使用也是很好实现的。首先我们需要编写登录页面和主页面:<template> <div class="login"> <table width="100%" height="100%"> <tr原创 2018-03-02 14:47:12 · 7028 阅读 · 0 评论 -
vue开发中实现加载更多升级版
使用vue开发的时候,特别是写后台系统的时候,一个很平常的功能就是分页的一个实现改进,之前写了一个加载更多的,但是代码显得很多,这次刚好可以优化下:首先在methods中添加一个获取数据的方法,例如:上面代码注意红色方框里面的内容,主要是使用foreach循环数组然后将每一项push到data中定义好的空数组中,注意是push不是直接等于。其次在mounted钩子函数中注册滚动事件并监听上面的每个...原创 2018-02-27 14:49:09 · 4162 阅读 · 0 评论 -
vue中实现滚动加载更多
在以前的前端刀耕火种时代要实现滚动加载更多想要大家都是很快实现了,在vue会有一点麻烦,最近自己研究了一下,做了一个简单的demo,供大家参考: {{item.title}} import axios from原创 2017-06-09 14:11:29 · 37372 阅读 · 6 评论 -
浅谈 Vue 项目优化
好久不写博文了,本文作为我使用半年 vue 框架的经验小结,随便谈谈,且本文只适用于 vue-cli 初始化的项目或依赖于 webpack 打包的项目。前几天看到大家说 vue 项目越大越难优化,带来很多痛苦,这是避免不了的,问题终究要解决,框架的性能是没有问题的,各大测试网站都有相关数据。下面进入正题基础优化所谓的基础优化是任何 web 项目都要做的,并且是问题的根源。H转载 2017-06-20 09:37:04 · 20358 阅读 · 8 评论 -
利用HBuilder打包前端开发webapp为apk
现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料。第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了。第二步,使用vue-cli工具初始化vue项目,这里只是做一个测试的项目,所以原创 2017-07-25 16:36:37 · 30075 阅读 · 12 评论 -
vue.js项目打包上线
最近一直坚持每个月写一个小的vue.js 开发的项目,最后开发完成后想到很久之前给别人回答的一个问题:vue的项目如何上线,当时有千奇百怪的回答,我在想,这些人都是肿了么,vue的官方都说了,这个框架只是做了view这一层,所以并不是把这些开发完的东西直接拷贝到服务器上,而且需要打包为静态文件上传服务器的。这里我简单的列出这个过程:首先需要修改一下配置文件再打包,很多人都是遇到过打包后运行一片原创 2017-07-01 15:53:50 · 33352 阅读 · 2 评论