vue.js

vue + webpack 起手式

介紹前端的世界變化之快速,從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧,卻也因為不斷快速變化感到疲憊。時至 2016 小弟認為在實務與理想之間取得一個完美平衡的前端框架大概就屬 vue.js 了。當然這前端世界裡並沒有萬能藥可以完美的處理所有問題,不過 vu

Vue.js + LeanCloud(node.js)前后端分离开发样板

Vue.js + LeanCloud(node.js)前后端分离开发样板如果对您有帮助的话,欢迎 star~我的github 地址另外现在用命令行部署 leancloud 有点问题,async/await 会报错,但是使用 git 部署不会,所以还是使用lean deploy -g 进行部署吧~LeanCloud 作为国内领先的 Baas 云服务提供者,简化了很多相对复杂的

使用Vue.js实现列表选中效果

实际项目中,我们会遇到很多类似的需求,一个列表,需要点击其中一条高亮显示。熟悉JQuery的同学说这个太简单了。可以给这个选中的element设置一个active的class。配合Css样式,让active有选中高亮效果。但是谁说一定要用到jQuery呢。最近在做的项目中,我尝试脱离JQuery,绕过JQuery,我所接触的大部分项目中好像不使用JQuery无法进行开发一样

使用Vue.js实现列表选中效果

实际项目中,我们会遇到很多类似的需求,一个列表,需要点击其中一条高亮显示。熟悉JQuery的同学说这个太简单了。可以给这个选中的element设置一个active的class。配合Css样式,让active有选中高亮效果。但是谁说一定要用到jQuery呢。最近在做的项目中,我尝试脱离JQuery,绕过JQuery,我所接触的大部分项目中好像不使用JQuery无法进行开发一样

利用webpack和vue实现组件化

上一篇webpack+vue起步我们实现了用webpack打包vue的最基本用法,这篇我们将利用webpack+vue实现组件化在vue中实现组件化用到了vue特有的文件格式.vue,在每一个.vue文件就是一个组件,在组件中我们将html,css,js全部写入,然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件

1010000005357374

{{ column.text }} 0 ? 'asc' : 'dsc'"> {{entry[column.key]}} Total {{source.length}} Records, Now {{ length }} Records, {{p

vue timer demo

'use strict';Vue.directive('timer', {params: ['increase', 'interval'],twoWay: true,bind() {this.flag = truevar increase = parseInt(this.params.increase)var interval = parseInt(this.params.

阿拉伯-汉字-数字转换

说明本文实现了一个从阿拉伯数字到中文数字,以及从中文数字到阿拉伯数字的转换算法。同时用Vuejs和Angularjs同时实现了一遍,对比了一下这两个框架的优劣。在本例中,Vuejs的方便灵活性完胜Angularjs。源代码在这里阿拉伯数字转中文给定一个阿拉伯数字,把它转变为汉语表示的数字。算法根据中文的计数方法,可以把阿拉伯数字按4个一组分成若干section,每个sect

webpack+vue起步

记得第一次知道Vue.js是在勾三股四大大的微博,那时候他开始翻译vue的文档,从那时候开始到现在,看了几次vue的教程,每次都有更深的理解,因为之前并没有研究过angular等框架,所以对MVVM并不是很了解,但是经过这段时间对vuejs的一些研究,越来越懂了,这篇文章,只是对vuejs和webpack配合的非常基础的文章,我想随着我对vue的深入理解,会对组件化,模块化

Vue.js 实践(2):实现多条件筛选、搜索、排序及分页的表格功能

与上周的第一篇实践教程一样,在这篇文章中,我将继续从一种常见的功能——表格入手,展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比,说明各自的适用场景,也为vue2.0版本中即将删除的部分filter功能做准备。需求分析还是先从需求入手,想想实现这样一个功能需要注意什么、大致流程如何、有哪些应用场景。表格本身是一种非常常用的组件,用于