vue

vue一步步实现alert功能。

原生alert的缺点会阻塞一切操作，影响用户体验很多浏览器会默认静止alert，例如微信。原生alert框样式丑陋。demo地址: 用力点我项目地址: web-style 希望大家多多关注。项目里有css样式和vue组件。目标是快速构建后台系统。有一定自适应的设计。css思路:最外层是一个黑色透明撑满全屏幕的div并且是fixed的div.modal-mask。 在mask
业界 2016年07月06日

使用Vue.js和Vue实现购物车场景

本文是上篇文章的序章，一直想有机会再次实践下Vuex。写下这篇总结，See Demo。什么是Vuex？Flux-inspired Application Architecture for Vue.jsVuex实际上是类Flux的数据管理架构。它主要帮我们更好的组织代码，更好的让Vue中的状态更好的通过状态管理维护起来。在实际项目运用中我们需要对组件的 组件本地状态(comp
业界 2016年06月23日

用Vue写了一个github-eplorer

github-explorerVue and React are both hot, SMOKING HOT!源码地址简介这是Vue版本的github-explorer。之前在掘金看到了一个React版本的github-explorer，觉得非常有趣，而且个人十分喜欢Vue，所以就用Vue重写了一遍。这两个版本的所有组件几乎一致，而且样式文件全都套用在了上面，不一样的地方或
业界 2016年08月07日

Vue实现的问题&解决方案的查询文库

端午写了个小东西 ，这里分享下 项目地址 demo 之前在segmentfault总结了vue的常见问题，大家都挺喜欢的。 因为一个人的力量是有限的，我就想有没有什么办法能协同合作，可以让其他人来分享他遇到的问题和解决方案，于是就弄了个这个 因为这个项目很小，我就想纯静态文件能不能hold住，就借助gh-pages来弄了这个小东西。 查询通过空格分隔关键词，因为需要分词，设
业界 2016年07月06日

学习Vue.js的五个小例子

前言最近在学习vue.js，学着写了几个小例子，自己记录一下，例子都比较简单，希望给初学vue.js的小伙伴一些参考。双向数据绑定点击查看数据绑定是vue.js的基础。本例中就是利用了vue.js的v-model指令在表单元素上创建双向数据绑定。 {{ message }} // 这是我们的Model new Vue({ el: '# app
业界 2016年08月04日

:bouquet: SegmentFault 2016 第二季度 Top Writer

一群卓越的开发者，他们分享知识与经验，他们布道技术未来，他们让众多开发者受益，他们叫 Top Writer。时间过得真快，转眼进入了夏天，七月，我们选出了 SegmentFault 2016 第二季 Top Writer。以下分别是第二季问答和文章的 Top Writer，以及他们的高票内容。:hibiscus: 恭喜 leftstick 、gzchen 荣登本季问答文章双
业界 2016年07月07日

vue.js过渡(vue学习记录2)

html代码：helloToggle必须要添加CSS样式（该样式来控制状态）： .expand-transition {transition: all .3s ease;height: 30px;padding: 10px;background-color: # eee;overflow: hidden;}.expand-enter, .expand-leave {heig
业界 2016年06月25日

Vue扩展

效果扩展： Vue.transition('transitionName',{beforeEnter:function(){},enter:function(){},afterEnter:function(){},beforeLeave:function(){},leave:function(){},afterLeave:function(){} })组件扩展： var c
业界 2016年07月06日

vue.js focus net directive

Vue.directive('focusNext', {bind: function () {this.handler = function () {if (this.el.value.length >= this.expression) {var next = this.el.nextSibling;next.focus();}}.bind(this)this.el.ad
业界 2016年05月09日
加载更多