vue自定义指令实现v-tap插件

前言 放弃jQuery,拥抱MVVM,拥抱组件吧! vue-touch基于hammer,对于普通简单手势的页面来说过于庞大! 于是想自己实现一个最常用的手势tap。顺着自定义指令和插件文档,昨晚实现了一个v-tap指令,丢出这篇干货。 指令与插件介绍 自定义指令和插件官方文档中也介绍比较简单详细,就不过多介绍。 我先说下本插件就用了三个API,如果大家不了解最好先事先看...
浏览:101

Vue.js 快速入门

什么是Vue.js vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。作者是尤雨溪,写下这篇文章时vue.js版本为1.0.7 准备 我推荐使用sublime text作为编辑器,关于这个编辑器可以看我这篇文章。在package control中安装 Vuejs Snippets Vue Syntax Highlight 推荐使用npm管理,新建两个文件app.html,app.js,为了...
浏览:101

Vue构建单页应用最佳实战

前言 我们将会选择使用一些vue周边的库 1.使用node.js后台,了解到如何获取数据 2.实现单页路由 3.实现HTTP请求我们的node 4.单项数据流 5.使用.vue文件进行开发 最终我们将会构建出一个小demo,不废话,直接上图。 安装 1.我们将会使用webpack去为我们的模块打包,预处理,热加载。如果你对webpack不熟悉,它就是可以帮助我们把多个js文件打包为1个入口文...
浏览:87

Vue构建单页应用最佳实战2

前言 本章节,将会把所有的请求全写为跨域请求。不知道为什么,很多人一用了框架就会不知所措。给大家一个忠告,享受框架带来的便利,别忘了时刻提醒自己学好基础知识。 先把一些不必要的代码删了。 //TimeEntries.vue 的模拟数据代码 data () { // 模拟下初始化数据 /*let existingEntry = { comment: '我的第一个任务', totalTime: 1.5, ...
浏览:113

angular和vue的对比学习之路

打开vue的中文官网一段关于vue的描述 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。 那我么再看下angular中文网 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。 看到这两...
浏览:96

Vue初接触实战之账单组件

Vue作为一个构建数据驱动web界面的库,是去年最火的MVVM风格库之一。Vue的用起来有Angular的影子,把很多自定义指令注入html,又吸收了React的优点和精华。比如与Vue的配套使用的Vuex就是从Redux和Flux中借鉴了不少思路。 Vue从去年的下半年开始火起来,目前在Awesomes前端资源库的热度排行里面处于Top2的位置。得益于更加简洁的语法和易用性,Vue目前在社区...
浏览:94

给正在学习Vuejs同学的几个小Tips.

如果你还不知道vuejs, 赶紧去恶补. 它是跟 Angular, React 齐名的 One page App 框架. 但是它更加先进, 也更加好学. 前些日子闹的沸沸扬扬的淘宝 weex 框架, 跟vue就有密切的关系. Vue的开发效率极高. 一个商户端app的前端,我们就是用一周的时间写好的. 看本文之前, 先去看一下 中文文档: http://cn.vuejs.org/guide/ 本文整理了我们团队在开发项目...
浏览:117

Vue或React多页应用脚手架

Vue或React多页应用脚手架 前言 一直以来都在研究多页应用如何能有一套像SPA一样优雅的开发模式 本套架构在项目上使用感觉还不错(已跑在上百个页面的项目上),所以决定开源出来给大家 阅读完本文能实现在项目中使用ES6(7)+组件化(.vue .jsx)开发多页应用 (其实我是想把它做为大家多页应用的脚手架) 目录结构介绍 TIPS:任何的项目的架构都和目...
浏览:109

JFinal+Vue 实现 Java 高并发秒杀示例

项目介绍 最近因为工作需要,学习研究了如何使用前端MVVM框架Vue进行单页面应用的开发。为了练手,将慕课网上的Java高并发秒杀系列教程, 进行了重新实现。 该教程的前端原为基于jquery的多页面应用,现使用Vue+Vue Router实现为单页面应用,并使用requireJs的配合Vue的组件开发模式。没有使用Vue官方推荐的webpack+Vue loader,主要是考虑暂时不想花费太多学...
浏览:90

基于vue和websocket的多人在线聊天室

基于vue和websocket的多人在线聊天室 author: So 最近看到一些关于websocket的东西,就决定写一个在线聊天室尝试一下。最终决定配合vue来写,采用了官方的vue脚手架vue-cli和官方的router,在本例中呢,我是用了CHAT这个对象来存储app的数据的,但后来一想,虽然项目很小,但如果用官方的vuex会更好,方便以后扩展,比如可以加上私信功能,可以在对方...
浏览:113
top