2017年12月29日

摘要: 目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷新,后退不刷新,类似app般的用户体验。注: 此处的刷新特指当进入此页面时,触发ajax请求,向服务器获取数据。不刷新特指当进入此页面时,不触发ajax请求,而是使用之前缓存的数据,以便减少服务器请求,用户体验更流畅。 项目需求: 阅读全文
posted @ 2017-12-29 14:56 刘应杰 阅读(1676) 评论(0) 推荐(2) 编辑
摘要: 1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下将首次触发请求写在created钩子函数中,就能实现缓存,比如列表页,去了详情页 回来,还是在原来的页面2.缓存部分页面或者组件(1)使用router. meta属性// 这是目前用的... 阅读全文
posted @ 2017-12-29 14:54 刘应杰 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下。因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目:第一步:安装... 阅读全文
posted @ 2017-12-29 13:19 刘应杰 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 转载标签:apk /打包 /vue现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料。第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了。第二步,使用vue-cli工具初始化vue项目,这里只是... 阅读全文
posted @ 2017-12-29 09:29 刘应杰 阅读(462) 评论(0) 推荐(0) 编辑
摘要: 修改 /config/index.js 文件如下:proxyTable: { '/api': { target: 'http://chifan.local', changeOrigin: true, pathRewrite: { '^/api': '' } }}, 阅读全文
posted @ 2017-12-29 02:03 刘应杰 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 163191、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用12342.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题... 阅读全文
posted @ 2017-12-29 01:38 刘应杰 阅读(1840) 评论(0) 推荐(0) 编辑
摘要: Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了 axios。接下来我们来简单地用axios进行一下异步请求。(阅读本文作者默认读者具有使用npm命令的能力,以及具备ES6的能力,以及等等。。。)首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面),这里我使用cnpm命令,请自行百度... 阅读全文
posted @ 2017-12-29 00:00 刘应杰 阅读(222) 评论(0) 推荐(0) 编辑

导航