标签目录：Vue.js

2018
04-03

Vue.js最佳实践（五招让你成为Vue.js大师）

对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。第一招：化繁为简的Watchers场景还原：created(){this.fetchPostList()},watch:{searchInputValue(){this.fetchPostList()}}组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取... 继续阅读 >

2017
12-20

2018 年你应该知道的 Vue.js 的 11 个组件库

2018年来临之际，继最热的React组件库和Angular组件库之后，这里有11个流行和实用的Vue.js组件库完善你的下一个用Vue.JS编写UI界面的应用程序。与React和Angular不同的是，Vue.js是EvanYou通过众包（ crowd-sourcing）来维护的一个开源项目。这也是Vue.js最好的一部分，因为会鼓励你写出更好的代码和更好的文档。Vue.js项目在得到8万多个star的时候，Adobe，Gitlab和其他公司... 继续阅读 >

2017
11-30

Vue 升级小记

Vue升级小记最近接手了一个Vue1.0的陈年老项目，需要将其升级到Vue2.0。下面记录一下升级过程：安装迁移工具首先需要安装 vue-migration-helper CLI工具：控制台运行命令： npminstall--globalvue-migration-helper CLI工具来帮助项目从Vue1.x迁移到2.x。它扫描文件以查找特定于Vue的代码，并对需要升级的代码提供详细的警告。 vue-migration-helper ... 继续阅读 >

2017
10-03

从 Template 到 DOM（Vue.js 源码角度看内部运行机制）

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。在学习过程中，为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。从new一个Vue对象开始letvm=newVue({e... 继续阅读 >

2017
09-18

尝一尝Vue全家桶

Vue.js是当下很火的一个JavaScriptMVVM库，它以数据驱动和组件化的思想构建。不管你是Angular的忠实粉，还是React的迷恋者，有机会多了解一个框架也没什么坏处，更何况Vue上手难度还是比较低的。本文将介绍Vue全家桶（Vue+Vue-router+Vuex）在项目中的使用。经过一个项目的开发，个人感觉相比于React，Vue给我最大的感受是简单、易理解，不过这可能和我自身对React的掌握程度及本次开发的项目大小有关。... 继续阅读 >

2017
07-06

JavaScript 进阶之深入理解数据双向绑定

前言谈起当前前端最热门的js框架，必少不了Vue、React、Angular，对于大多数人来说，我们更多的是在使用框架，对于框架解决痛点背后使用的基本原理往往关注不多，近期在研读Vue.js源码，也在写源码解读的系列文章。和多数源码解读的文章不同的是，我会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本场Chat是系列Chat的开篇，我会首... 继续阅读 >

2017
03-30

Vue.js 插件开发详解

前言随着Vue.js越来越火，Vue.js的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的vue-router、vuex等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的vue-toast插件，来了解掌握插件的开发和使用。认识插件想要开发插件，先要认识一个插件是什么样子的。Vue.js的插件应当有一个公开方法install。这个方法的第一个参数是Vue构造... 继续阅读 >

2017
03-13

Vuex新手入门指南

很多人在学习完Vue.js之后还会看到一个经常被提及的词语叫做Vuex。Vuex字面上看与Vue.js只差了一个字母，但是他们两个做的事情完全不一样。在本文我会像之前的Vue.js新手入门指南文章一样的问答形式来写文章。1.Vuex是什么？我们还是像以往一样先看一看官方文档对此的解读（Vuex是什么？·GitBook）Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的... 继续阅读 >

2017
03-13

Vue.js新手入门指南

最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附... 继续阅读 >