Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。让我们深入一
Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部,以构建一个组成应用程序 UI 的树。然而,有时组件模板的一部分逻辑上属于该组件,而
#简介除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM
#基础混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合
Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的 propert
目前为止,关于过渡我们已经讲到: 单个节点 同一时间渲染多个节点中的一个那么怎么同时渲染整个列表,比如使用 v-for?在这种场景中,使用 <transition-group> 组件。在我们深入例子
在插入、更新或从 DOM 中移除项时,Vue 提供了多种应用转换效果的方法。这包括以下工具: 自动为 CSS 转换和动画应用 class; 集成第三方 CSS 动画库,例如 animate.css ; 在过渡钩
Vue 提供了一些抽象概念,可以帮助处理过渡和动画,特别是在响应某些变化时。这些抽象的概念包括: 在 CSS 和 JS 中,使用内置的 <transition> 组件来钩住组件中进入和离开 DOM。
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。提示这里记录的都是和处理边界情况有关的功能,即一些需要对 Vue 的规则做一些小调整的特殊情况
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。尽管存在 prop 和事件,但有时你可能仍然需要直接访问 JavaScript 中的子组件。为此,可以使用 ref
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。通常,当我们需要将数据从父组件传递到子组件时,我们使用 props。想象一下这样的结构:你有一些深嵌
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#插槽内容Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 <
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#事件名不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。一个非 prop 的 attribute 是指传向一个组件,但是该组件并没有相应 props 或 emits 定义的 attr