Vue2.0 Transition 常见用法全解惑 – 前端 – 掘金
Vue2.0的过渡系统（transition）有了很大的改变，想把1.0的项目迁移到2.0，着实需要费一些功夫，今天我就要把vue2.0的过渡系统的用法搞清楚，因为之前确实踩了不少坑。这里只涉及单元素/组件的过渡实现，vue2.0的文档中还讲到了初始渲染的过渡…
Vue.js 全家桶高还原网易云音乐 (Windows PC 版) – 前端 – 掘金
项目地址 由于网易云的api限制，部分功能可能会失效，如有需要可以clone项目下来在本地运行，如果api炸了，…
Vue 组件开发实践之 scopedSlot 的传递 – 前端 – 掘金
导语 现今的前端开发都讲究模块化组件化，即把公共的交互和功能封装到一个个的组件之中，在开发整体界面的时候就能像搭积木一样快速清晰高效。在使用Vue开发我们的vhtml-ui的组件库的过程中遇到了组件嵌套组件时需要传递scopedSlot的情况，官方的文档和教程…
Vue.js 插件开发 – 前端 – 掘金
作者：Joshua Bemenderfer原文地址: creating-custom-plugins译者：jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插…
前端 vue2 + 后端 koa2, 全栈式开发 bilibili 首页 – 前端 – 掘金
预览地址： http://www.lybenson.com/bilib… 前言 …
如何在 Vue.js 中使用第三方库 – 前端 – 掘金
在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使应用支持不同环境下的服务端渲染. 除非你找到…
vuex 快速上手 – 前端 – 掘金
Vuex 理解 简单解释下： Vuex 使用 单一状态树,通俗理解就是一个应用的数据集合，可以想象为一个“前端数据库”，让其在各个页面上实现数据的共享，并且可操作 Vuex 规定，属于应用层级的状态只能通过 Mutat…
关于一些Vue的文章。（7） – 掘金
原文链接我的blog，欢迎STAR。 首先安利一波福利，有没有用vscode的小伙伴？推荐一个神奇的字体，自从用了这个字体，敲代码效率简直上天了。先上图看看效果： 全等 箭头函数 小于等于 还有其他许多，就不一一列举出来了。有没有看上了的？没有我等下再来问…
关于一些 Vue 的文章。（6） – 掘金
原文链接我的blog，欢迎STAR。 在上篇里，我们已经分析了在 main.js 可以通过el属性设置挂载点，又可以通过手动设置 vm.$mount()。在这篇，我们深入底层，了解原理。 老规矩，我们先分享一篇文章 Vue.js 源码学习笔记。 这篇文章里反…
关于一些Vue的文章。（5） – 掘金
原文链接我的blog，欢迎STAR。 前三篇里，我们开始从render, template, el的渲染DOM树的优先级，最终都编译成render函数，而后得到vnode（虚拟DOM），经过diff算法后，得到真实DOM。 那么问题来了？得到真实DOM以后接…
关于一些Vue的文章。（4） – 掘金
原文链接我的blog，欢迎STAR。 接着上一篇，我们继续来讲Vue的Virtual Dom diff 算法中的patchVnode方法，以及核心updateChildren方法。 在上篇中，我们谈到，当vnode不为真实节点，且vnode与oldVnod…
关于一些Vue的文章。（3） – 掘金
原文链接我的blog，欢迎STAR。 这次和想要大家分享的一篇文章解析Vue diff 算法 在上篇里，我们提到在渲染时，render>template>el，但是最终，我们得到的都是render函数，那么render函数的作用是什么？接下来该干…
关于一些Vue的文章。（2） – 掘金
原文链接我的blog，欢迎STAR。 这次想要分享的一篇文章是：从一个奇怪的错误出发理解Vue的基本概念。 这篇文章以Vue的两种构建方式做为切入点，深入探讨了Vue的基本概念，编译以及挂载的相关过程。 在这篇文章里学到很多以前忽略的地方: 开始学习vu…
关于一些Vue的文章。（1） – 掘金
原文链接我的blog，欢迎STAR。 今天分享的一篇文章是关于vuex的源码解析的，链接vuex源码解析，在现在所做的项目里的每个组件，至少都有一个辅助函数，或者是….mapGetters，或者是…mapActions, 扩展运算符，以及解构也经常…
Vue-cli 图文视频教程 – 前端 – 掘金
Vue-cli是vue官方出品的快速构建单页应用的脚手架，如果你是初次尝试Vue，我不建议使用，推荐你老老实实用普通引入javascript文件的方式进行学习（你可以去看我的vue视频教程的1-4季），这里牵扯的东西很多，有webpack，npm，nodejs…
Vue.js 插件开发详解 – 掘金
前言 随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toa…
Vue 之 slot 深度复制 – 前端 – 掘金
在Vue中，slot>是一个很有用的特性，可以用来向组件内部插入一些内容。slot>就是“插槽”的意思，用大白话说就是：定义组件的时候留几个口子，由用户来决定插入的内容。 例如我们定义一个组件MyComponent，其包含一个slo…
这可能是目前最新的 Vue 相关开源项目库汇总 – 前端 – 掘金
awesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库集合。我们会定期同步OpenDigg上的项目到这里，也欢迎各位提交项目给我们。 …
从零搭建 vue2+vue-router2+webpack2 工程 – 前端 – 掘金
一直在维护一篇从零搭建vue2+webpack1工程的文章——《vue2 vue-router2 webpack》，期间也计划着等webpack2正式发布了再来写这篇文章，现在已经正式发布了，官方文档也已经全部完成，相比旧版，新版的文档不仅指导你该如何配置，还…
Vue.js 自定义指令的用法与实例 – 前端 – 掘金
市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。 自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。…
剖析 vue 实现原理，自己动手实现 mvvm – 前端 – 掘金
剖析Vue实现原理 – 如何实现双向绑定mvvm 本文能帮你做什么？ 1、…
数据绑定之谜 – 前端 – 掘金
所谓的双向绑定，无非是从界面的操作能实时反映到数据，数据的变更能实时展现到界面。 数据绑定换种说法，如果我们有一个 user 对象和一个 name 属性，一旦我们赋了一个新值给 user.name,在 UI 上就会显示新的姓名了。 同…
Vue2.0 之写一个自己的组件 – 前端 – 掘金
最近在研究vue 2.0，看了很多组件库，当需求很多的时候，一个或两个组件库可能不能够满足我们的需求，自己能够手写一个组件的能力很有必要。看了官网和几个教程，发现写的不是令人满意，我决定写一份简单明了的教程，希望对你有帮助。 …
[[vue 最新实战] gank 客户端（vue2 + vue-router2 + vuex +webpace + es6）新手福利，干货多多 – 前端 – 掘金](https://juejin.im/entry/58799…
vue-meizi 本项目是基于vue2最新实战项目，是适合新手进阶的绝佳教程。代码简单易懂，注释多多。实现了移动端使用最多的 无限滚动，图片加载，左右滑动，等待。先发布预览版本，后面更多更全的功能和教程将会陆续发出。 …
[[Vue] 插件开发入门 – 掘金](https://juejin.im/post/586e18…
作者：滴滴公共前端团队 – 小春+献勇 相对组件来说，Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的，能够完成许多 Vue 框架本身不具备的功能。 大家一般习惯直接调用现成的插件，比如官方推荐的 vue-router、vue-touch 等。…
高仿饿了么 app 商家详情 （vue 2 +vue-router 2 + es 6 + webpack ） – 前端 – 掘金
demo demo 地址 项目依赖 …
(译) 使用 Vue.js 和 Axios 从第三方 API 获取数据 — SitePoint – 前端 – 掘金
更多的往往不是，建立你的JavaScript应用程序时，你会想把数据从远程源或消耗一个[ API ]（https：/ /恩。维基百科。org /维基/ application_programming_interface）。我最近看了一些[公开]（https:/…
写个 vue-loading-template 组件 – 掘金
趁着5.1来临之际，告诉你们一个好消息： demo: https://jkchao.github.io/vue-… 源码(star ? start : start)：https://github.com/jkchao/vue… 组…
如何写一手漂亮的 Vue – 前端 – 掘金
前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。所以，越发体验到，当必要有计划的去做，去…
Vue 二维码生成器, 赢一手支持彩色背景和彩色实点 – 前端 – 掘金
The Vue 2.x Component for SumiMakito’s Awesome-qr.js The only one qr code component for Vue.js you nee…
用 Vue 实现带 Dom 回收功能的无尽滚动列表组件 – 前端 – 掘金
前不久在掘金看到一篇译文 [译] 无尽滚动的复杂度 — 来自 Google 大神的拆解，碰巧在业务中经常使用无限滚动列表，文中的思路非常有启发性。于是就用vue实现了一个相似思路的infinite scroll list组件。 …
Vonic 2.0 全新文档站上线 – 前端 – 掘金
VONIC Mobile UI Components, based on Vue.js and ionic CSS. 介绍 什么是 vonic ？…
Vue.js 项目使用 Karma 做自动化 UI 测试 – 前端 – 掘金
Vue.js 项目使用 Karma 做自动化UI测试 内部测试代码不宜公开,因此以开源项目 Rubik UI 的测试代码为例子 只是阶段小结，暂没有面面俱到 环境 安装完 Karma 并自动生成 karma.conf.js 后 选用 m…
Vonic 简明教程（二）：组件与服务 – 前端 – 掘金
Vonic 是一个基于Vue.js和ionic样式的UI框架，用于方便快速地搭建单页应用。 GitHub 地址 概述这里主要介绍如何使用Vonic提供的组件与服务，并给出一个登录页范例 组件Vonic核心js文件加载完成后，会在window上暴露一个全局变量…
Vonic 简明教程（一）：起步 – 前端 – 掘金
Vonic 是一个基于Vue.js和ionic样式的UI框架，用于方便快速地搭建单页应用。 GitHub 地址 如何利用Vonic快速搭建一个单页应用脚手架写几个页面组件，配下路由。对，就这样。 准备Vonic依赖于vue.js、vue-router.js、…
Vonic 正式版发布！附中文文档 – 前端 – 掘金
成功收尾，本月终于可以向 2.0 迈进了！O(∩_∩)O…
一个 Vue.js+Node.js 的博客内容管理系统 – 前端 – 掘金
在用过臃肿的WordPress后，一直想自己写一个轻便简约的博客内容管理器（CMS）。 一拖再拖，在暑假开学前，终是完成了这么个玩意儿。 嗯，其实我想完成的功能： 一个基本的博客内容管理器功能，如后台登陆，发布并管理文章等 支持markdown语法编辑 支持…
Vue 显示 xxx 时间前的组件: vue-timeago – 前端 – 掘金
A timeago component for Vue. Install $ npm install –save vue-timeago It’s also available on NPMCDN: https://npmcdn.com/vue-ti…
新手向：Vue 2.0 的建议学习顺序 – 前端 – 掘金
Vue.js 作者亲自写的 Vue 2.0 新手教程，想入门 Vue.js 的前端开发不要错过。…
基于 vue2.0+vuex 的日期选择组件 – 前端 – 掘金
介绍 一个选择日期的vue组件 基于vue2.0 + vuex 原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了 demo展示&&项目中的使用 目录结构 demo 用vue-cli 的…
Scroller for Vue 2.0 – 前端 – 掘金
下拉刷新 无限加载 （For Vue 1.0, please refer to https://github.com/wangdahoo/…）…
自带气泡提示的 vue 校验插件 – 前端 – 掘金
安装 npm install vue-verify-pop 使用 VUE版本：1.x 必须在vue-cli生成的webpack模板环境中使用 一，在./main.js中执行全局配置 import vue from ‘vue’ …
Vue-Flatpickr 更新到 2.2.0 版本了！ – 前端 – 掘金
封装了漂亮的日期选择工具 Flatpickr 的 vue 组件，更新到 2.2.0 版本，修复了一堆的问题，也简化了使用方法，值得尝试。…
前言 在我们浏览各大网站，网页，手机APP的时候，可能会遇到很多图片大小不一，看起来杂乱无章，其实，它们是狠有顺序的，排列在一起。这就应用到了网站中一种很流行的页面布局—瀑布流，又称瀑布流布局。 …
瀑布流式布局 (Waterfall Layout) 的两种常用实现方式 – 前端 – 掘金
瀑布流式布局 (Waterfall Layout) 介绍 什么是瀑布流布局？直接到 …
Vue.js 一个超长列表无限滚动加载的解决方案 – 前端 – 掘金
在线DEMO 序 众所周知，列表滚动加载这种需求很常见，特别是在移动webapp上。Github上各款移动端ui框架都会包含滚动加载功能的组件，但它们往往只提供很基础的功能，例如简单地监听滚动条并在满足条件的时候触发回调，然后通过某些方法把新的元素…
一段人人都应该知道的从Vue到React的过渡史 – 掘金
写在前面 以前写Vue写惯了，心血来潮，写起了React。并根据Vue官网文档的语法顺序，写了对应的React的语法，并附一个教程demo。 教程的github地址：Close2React 项目使用框架版本主要有 react(15.4.1) + react-d…
Vue 组件开发实践之 scopedSlot 的传递 – 前端 – 掘金
导语 现今的前端开发都讲究模块化组件化，即把公共的交互和功能封装到一个个的组件之中，在开发整体界面的时候就能像搭积木一样快速清晰高效。在使用Vue开发我们的vhtml-ui的组件库的过程中遇到了组件嵌套组件时需要传递scopedSlot的情况，官方的文档和教程…
Vuex 框架原理与源码分析 – 前端 – 掘金
Vuex是一个专为Vue服务，用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层，规定所有的数据操作必须通过 action – mutation – state change 的流程来进行，再结合Vue的数…
Vue SSR 从入门到 Case Study – 掘金
最近两个项目同时开发，使用了Vue2的SSR，这样后端渲染页面首屏可以加快页面呈现，增加SEO和用户体验，但是项目上线后却发现了严重的性能问题，于是在三天内两次重大调整，最后只能放弃Vue SSR，本文从Vue SSR实现开始，逐渐复盘整个事件。两周前就预告了…
基于vuejs2+webpack2+vuxui2多页面架手脚，支持二级目录 – 掘金
前言 vue2.0上线已经有一段时间了，现在vue2.1也都已经发布了，是时候来更新基于vue的多页面脚手架了。 相信用vue的童鞋，很多一部分在用于spa（单页面）项目，也不排除传统的多页面项目，我们就用vue开发了多页面的webapp，相对于spa开发效率…
Vue.js 动画在项目使用的两个示例 – 前端 – 掘金
作者 | 李萌编辑 | 京露 李萌，16年毕业，Web前端开发从业者，目前就职于腾讯，喜欢node.js、vue.js等技术，热爱新技术，热爱编程。 vue.js的文档对于动画的使用做了很多的介绍，不熟悉的小伙伴可以先了解一下。 下面就进入正题啦…
Vuex 2.0 源码分析（上） – 前端 – 掘金
大家好，我叫黄轶，来自滴滴公共前端团队，最近在幕课网上线了一门 Vue.js 的实战课程——《Vue.js高仿饿了么外卖App 2016最火前端框架》，同时，我们团队最近写了一本书 ——《Vue.js 权威指南》，内容丰富，由浅入深。不过有一些同学反馈说缺少 …
关于一些Vue的文章。（5） – 掘金
原文链接我的blog，欢迎STAR。 前三篇里，我们开始从render, template, el的渲染DOM树的优先级，最终都编译成render函数，而后得到vnode（虚拟DOM），经过diff算法后，得到真实DOM。 那么问题来了？得到真实DOM以后接…
Vue.js 2.0 源码解析之前端渲染篇 – 前端 – 掘金
作者介绍：王鹤，腾讯前端高级工程师，参与过QQ情侣、QQ星影联盟、QQ个性化装扮等项目的研发工作。秉承「不想当产品经理的程序员，不是好的设计师」。除敲敲代码外，对产品、设计、摄影也有一定的兴趣。 一、前言 Vue.js框架是目前比较火的MVVM框架之一，简…
