文章分类 -  vue2

vue 资源
摘要:项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架: Vue 2.0源码:es6代码风格检查:eslint构建工具:webpack前端路由:vue-route 阅读全文
posted @ 2017-09-09 09:40 五艺 阅读(176) 评论(0) 推荐(0)
摘要:http://www.jianshu.com/p/ccd53488a61b vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题,具体可以参考这篇文章:Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口尚未开发完成,前端开发一般使用mock数据。moc 阅读全文
posted @ 2017-08-27 15:32 五艺 阅读(983) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/jasonwang2y60/p/6498802.html 在项目开发中,前后台分离,做了假数据,项目使用vue2.0重构,后台也推到重来了,为了不耽误开发进程,我做了虚拟的数据请求,使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟ap 阅读全文
posted @ 2017-08-27 14:45 五艺 阅读(3428) 评论(1) 推荐(0)
摘要:vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题,具体可以参考这篇文章:Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口尚未开发完成,前端开发一般使用mock数据。mock方法有多种多样,这里给出两种: 方法一: 使用express搭建静态服务 阅读全文
posted @ 2017-08-27 01:42 五艺 阅读(2407) 评论(0) 推荐(0)
摘要:在项目开发中,前后台分离,做了假数据,项目使用vue2.0重构,后台也推到重来了,为了不耽误开发进程,我做了虚拟的数据请求,使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api请求,访问自己mock的假数据虚拟请求后台的模式,具体做法如下 在build/dev-server.j 阅读全文
posted @ 2017-08-27 00:15 五艺 阅读(6541) 评论(0) 推荐(0)
摘要:使用 Vue.js 开发大型应用时,我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无疑效率是低下的,所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。 1、安 阅读全文
posted @ 2017-06-14 17:33 五艺 阅读(277) 评论(0) 推荐(0)
摘要:Vue开源 Vue开源 - 为移动而生的Vue JS 2组件框架 vonic ★1494 - 快速构建移动端单页应用 eme ★1390 - 优雅的Markdown编辑器 vue-multiselect ★1166 - Vue.js选择框解决方案 vue-table ★824 - 简化数据表格 Vu 阅读全文
posted @ 2017-05-18 11:50 五艺 阅读(203) 评论(0) 推荐(0)
摘要:表单控件绑定 基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子。 Text Checkbox 单个勾选框,逻辑值: 多个勾选框,绑定到同一个 阅读全文
posted @ 2017-05-17 10:28 五艺 阅读(226) 评论(0) 推荐(0)
摘要:在原生app中,通过监听物理回退键可以对当前弹出层进行关闭,再次点击会回退到上一个页面,这次介绍一下vue中如何实现类似的效果 实现这一效果所需要的原料 弹出层这里的弹出层已mint-ui的pupup为例子通过一个cell来点开弹出层 <mt-cell title="区域" is-link valu 阅读全文
posted @ 2017-05-10 00:13 五艺 阅读(1594) 评论(0) 推荐(0)
摘要:Vue.js 2.0 移动端拍照压缩图片预览及上传 2017-03-04 21:55 本站整理 浏览(35) 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实 阅读全文
posted @ 2017-04-18 00:02 五艺 阅读(791) 评论(0) 推荐(0)
摘要:vue.esm.js?65d7:558 [Vue warn]: You may have an infinite update loop in watcher with expression "inputText" Vue.js 默认异步更新 DOM。每当观察到数据变化时,Vue 就开始一个队列,将 阅读全文
posted @ 2017-04-16 23:36 五艺 阅读(1077) 评论(0) 推荐(0)
摘要:Vuex的五个核心属性 Vuex的五个核心概念 本文参考自Vue文档,说的非常详细,建议看文档。 Vuex是什么? VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vue有五个核心概念,sta 阅读全文
posted @ 2017-04-14 16:59 五艺 阅读(31494) 评论(3) 推荐(2)
摘要:Vue中的better-scroll插件 问题: PC页面时,点击不会被 better-scroll阻止事件,初始化,给 better-scroll派发事件,使移动端拥有点击事件,因此切换到PC端时,点击事件会被执行两次, 方法:在点击时,传 $event变量,Better-scroll插件中的 e 阅读全文
posted @ 2017-04-11 23:52 五艺 阅读(136) 评论(0) 推荐(0)
摘要:Vue-Lazyload see demo: http://hilongjw.github.io/vue-lazyload/ Vue module for lazyloading images in your applications. Some of goals of this project w 阅读全文
posted @ 2017-04-10 11:53 五艺 阅读(115) 评论(0) 推荐(0)
摘要:本文的主要内容如下: 介绍vue-resource的特点 介绍vue-resource的基本使用方法 基于this.$http的增删查改示例 基于this.$resource的增删查改示例 基于inteceptor实现请求等待时的loading画面 基于inteceptor实现请求错误时的提示画面 阅读全文
posted @ 2017-04-10 11:32 五艺 阅读(95) 评论(0) 推荐(0)
摘要:前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候,虽然比1.0版本强大很多,但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已 阅读全文
posted @ 2017-04-07 00:08 五艺 阅读(105) 评论(0) 推荐(0)
摘要:vue-cli#2.0 webpack 配置分析 vue-cli#2.0 webpack 配置分析 目录结构: ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-s 阅读全文
posted @ 2017-02-13 15:00 五艺 阅读(147) 评论(0) 推荐(0)
摘要:条件:紧接前面vue.js开发环境搭建 1.在cmd输入:npm install vue-router,回车,等待,安装对应版本router; 2.在入口文件用 import vueRouter from 'vue-router'方式引入,具体如下图所示: 条件:紧接前面vue.js开发环境搭建 1 阅读全文
posted @ 2017-02-09 16:28 五艺 阅读(108) 评论(0) 推荐(0)