随笔分类 - https://cn.vuejs.org/
摘要：我们之后讨论多个组件的过渡，对于原生标签可以使用 v-if/v-else。最常见的多标签过渡是一个列表和描述这个列表为空消息的元素： <transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p v-else>Sorry,
阅读全文
摘要：这里还有一个问题，请看下面的按钮： 在“on”按钮和“off”按钮的过渡中，两个按钮都被重绘了，一个离开过渡的时候另一个开始进入过渡。这是 <transition> 的默认行为 - 进入和离开同时发生。 在元素绝对定位在彼此之上的时候运行正常： 然后，我们加上 translate 让它们运动像滑动过
阅读全文
摘要：可以通过 appear attribute 设置节点在初始渲染的过渡 <transition appear> <!-- ... --> </transition> 这里默认和进入/离开过渡一样，同样也可以自定义 CSS 类名。 <transition appear appear-class="cus
阅读全文
摘要：概述 单元素/组件的过渡 初始渲染的过渡 多个元素的过渡 多个组件的过渡 列表过渡 可复用的过渡 动态过渡
阅读全文
摘要：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
阅读全文
摘要：发布为 NPM 包的官方声明文件 推荐配置 开发工具链 基本用法 基于类的 Vue 组件 增强类型以配合插件使用 标注返回值 标注 Prop
阅读全文
