摘要：
Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 这里是一个典型的例子： <div id="demo"> <button v-on:click="show = 阅读全文
摘要：
可以在 attribute 中声明 JavaScript 钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="ent 阅读全文
摘要：
2.2.0 新增 在很多情况下，Vue 可以自动得出过渡效果的完成时机。默认情况下，Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如，我们可以拥有一个精心编排的一系列过渡效果，其中一些嵌套的内部元素相比于过渡效果 阅读全文
摘要：
Vue 为了知道过渡的完成，必须设置相应的事件监听器。它可以是 transitionend 或 animationend，这取决于给元素应用的 CSS 规则。如果你使用其中任何一种，Vue 能自动识别类型并设置监听。 但是，在一些场景中，你需要给同一个元素同时设置两种过渡动效，比如 animatio 阅读全文
摘要：
我们可以通过以下 attribute 来自定义过渡类名： enter-class enter-active-class enter-to-class (2.1.8+) leave-class leave-active-class leave-to-class (2.1.8+) 他们的优先级高于普通的 阅读全文
摘要：
CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除，而是在 animationend 事件触发时删除。 示例：(省略了兼容性前缀) <div id="example-2"> <button @click="show = !show">Toggle 阅读全文
摘要：
常用的过渡都是使用 CSS 过渡。 下面是一个简单例子： <div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade"> <p v-if="show" 阅读全文
摘要：
在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定 阅读全文
摘要：
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScrip 阅读全文
摘要：
如何追踪变化 检测变化的注意事项 声明响应式 property 异步更新队列 阅读全文
摘要：
报告安全漏洞 第一原则：永远不要使用不可信任的模板 Vue 的安全措施 潜在危险 最佳实践 后端协作 服务端渲染 阅读全文
摘要：
SSR 完全指南 Nuxt.js Quasar Framework SSR + PWA 阅读全文
摘要：
类 Flux 状态管理的官方实现 简单状态管理起步使用 阅读全文
摘要：
官方路由 从零开始简单的路由 整合第三方路由 阅读全文
摘要：
开启生产环境模式 模板预编译 提取组件的 CSS 跟踪运行时错误 阅读全文
摘要：
发布为 NPM 包的官方声明文件 推荐配置 开发工具链 基本用法 基于类的 Vue 组件 增强类型以配合插件使用 标注返回值 标注 Prop 阅读全文
摘要：
介绍 单元测试 组件测试 端到端 (E2E) 测试 阅读全文
摘要：
介绍 起步 阅读全文
摘要：
使用插件 开发插件 阅读全文
摘要：
基础 节点、树以及虚拟 DOM createElement 参数 使用 JavaScript 代替模板功能 JSX 函数式组件 模板编译 阅读全文