【掘金小册·Vue组件精讲-18】拓展：如何做好一个开源项目（上篇）
iView 的故事 毕业四年以来，我一直觉得自己是一个很幸运的人，幸运参与过创业，幸运一路有大牛带，幸运开源了 iView 项目。 2016 年初，我还是一名普通的前端工程师，那时候还是 Vue.js 1.x 的时代，知名度也远不如现在，在大部分人眼中，Vue.js 就是一个轻量级的 Angular。 我 ...
【掘金小册·Vue组件精讲-17】拓展：Vue.js 面试、常见问题答疑
在过去的很多面试中，我会经常问候选人一些关于 Vue.js 的问题。这些问题从题面来看很简单，但仔细想又不是那么简单，不同的人，会答出不同的层次，从而更好地了解一个人对 Vue.js 的理解程度。 题目 v-show 与 v-if 区别 第一题应该是最简单的，提这个问题，也是想让候选人不那么紧张，因为但凡用过 Vue.j ...
【掘金小册·Vue组件精讲-16】拓展：Vue.js 容易忽略的 API 详解
前面的 15 小节已经覆盖了 Vue.js 组件的绝大部分内容，但还是有一些 API 容易忽略。本节则对 Vue.js 的一些重要且易忽略的 API 进行详细介绍。 nextTick nextTick 是 Vue.js 提供的一个函数，并非浏览器内置。nextTick 函数接收一个回调函数 cb，在下一个 DOM 更新循环之 ...
【掘金小册·Vue组件精讲-15】实战 7：树形控件——Tree
本小节基于 Vue.js 的递归组件知识，来开发一个常见的树形控件—Tree。 Tree 组件是递归类组件的典型代表，它常用于文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。 本节要实现的 Tree 组件具有以下功能： ...
【掘金小册·Vue组件精讲-14】递归组件与动态组件
递归组件 递归组件就是指组件在模板中调用自己，开启递归组件的必要条件，就是在组件中设置一个 name 选项。比如下面的示例： <template> <div> <my-component></my-component> </div> </template> < ...
【掘金小册·Vue组件精讲-13】实战 6：可用 slot-scope 自定义列的表格组件——Table
上一节，我们基于 Render 函数实现了在表格中自定义列模板的组件 Table，虽说 Render 函数能够完全发挥 JavaScript 的编程能力，实现几乎所有的自定义工作，但本质上，使用者写的是一个庞大的 JS 对象，它不具备 DOM 结构，可读性和可维护性都比较差。对于大部分写 Vue.js 的开发者来说，更倾向于使用 templ ...
【掘金小册·Vue组件精讲-12】实战 5：可用 Render 自定义列的表格组件——Table
表格组件 Table 是中后台产品中最常用的组件之一，用于展示大量结构化的数据。大多数组件库都提供了表格组件，比如 iView，功能也是非常强大。正规的表格，是由 <table>、<thead>、<tbody>、<tr>、<th>、<td> 这些标签组成，一般分为表头 ...
【掘金小册·Vue组件精讲-11】更灵活的组件：Render 函数与 Functional Render
Vue.js 2.x 与 Vue.js 1.x 最大的区别就在于 2.x 使用了 Virtual DOM（虚拟 DOM）来更新 DOM 节点，提升渲染性能。 一般来说，我们写 Vue.js 组件，模板都是写在 <template> 内的，但它并不是最终呈现的内容，template 只是一种对开发者友好的语法，能够一眼 ...
【掘金小册·Vue组件精讲-10】实战 4：全局提示组件——$Alert
有一种 Vue.js 组件，它不同于常规的组件，但组件结构本身很简单，比如下面的全局提示组件： 实现这样一个组件并不难，只需要简单的几行 div 和 css，但使用者可能要这样来显示组件： <template> <div> <Alert v- ...
【掘金小册·Vue组件精讲-9】实战 3：动态渲染 .vue 文件的组件—— Display
你可能用过 jsfiddle 或 jsbin 之类的网站，在里面你可以用 CDN 的形式引入 Vue.js，然后在线写示例，实时运行，比如下面这个例子： jsfiddle.net/c87yh92v/ 不过，这类网站主要是一个 html，里面包含 js、css 部分，渲染侧是用 iframe ...