摘要：
本文为转载，原文：Vue学习笔记进阶篇——函数化组件 介绍 之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没有生命周期方法。它只是一个接收参数的函数。在这个例子中，我们标记组件为 functional， 这意味它是无状态（没有 data），无实例（没有 this 上下文）。 阅读全文
摘要：
本文为转载，原文：Vue学习笔记进阶篇——Render函数 基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。 现在我们打算使用vue 阅读全文
摘要：
本文为转载，原文：Vue学习笔记进阶篇——过渡状态Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如： 所有的原始数字都被事先存储起来，可以直接转换到数字。做到这一步，我们就可以结合 Vue 的响应式和组件系统，使用第三方库来实现切换元素的过渡状态 阅读全文
摘要：
本文为转载，原文：Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡，动态过渡， 以及可复用过渡是实现。 列表过渡 目前为止，关于过渡我们已经讲到： 那么怎么同时渲染整个列表，比如使用 v-for ？在这种场景中，使用 <transition-group>组件。在我们深入例子之前，先 阅读全文
摘要：
本文为转载，原文：Vue学习笔记进阶篇——多元素及多组件过渡 多元素的过渡 对于原生标签可以使用 v-if/v-else.但是有一点需要注意： 当有相同标签名的元素切换时，需要通过 key 特性设置唯一的值来标记以让 Vue 区分它们，否则 Vue 为了效率只会替换相同标签内部的内容。即使在技术上没 阅读全文
摘要：
本文为转载，原文：Vue学习笔记进阶篇——单元素过度 概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 阅读全文
摘要：
本文为转载，原文：Vue学习笔记入门篇——组件杂项 动态组件 通过使用保留的 <’component’> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换： 运行结果： 在控制台中修改app.currentView的值，界面会动态发生改变。如果把切换出去的组件保留在 阅读全文
摘要：
介绍 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 内容分发 (或 “transclusion” 如果你熟悉 Angular)。Vue.js 实现了一个内容分发 API，使用特殊的 ‘slot’ 元素作为原始内容的插槽。 编译作用域 在深入内容分发 API 阅读全文
摘要：
本文为转载，原文：Vue学习笔记入门篇——组件的通讯 组件意味着协同工作，通常父子组件会是这样的关系：组件 A 在它的模版中使用了组件 B。它们之间必然需要相互通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。然而，在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证 阅读全文
摘要：
本文为转载，原文：Vue学习笔记入门篇——组件的使用 组件定义 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形 阅读全文