摘要：
Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 这里是一个典型的例子： <div id="demo"> <button v-on:click="show = 阅读全文
posted @ 2022-06-05 22:04
黄子涵
阅读(68)
评论(0)
推荐(0)
摘要：
可以在 attribute 中声明 JavaScript 钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="ent 阅读全文
posted @ 2022-06-05 21:59
黄子涵
阅读(169)
评论(0)
推荐(0)
摘要：
2.2.0 新增 在很多情况下，Vue 可以自动得出过渡效果的完成时机。默认情况下，Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如，我们可以拥有一个精心编排的一系列过渡效果，其中一些嵌套的内部元素相比于过渡效果 阅读全文
posted @ 2022-06-05 21:23
黄子涵
阅读(42)
评论(0)
推荐(0)
摘要：
Vue 为了知道过渡的完成，必须设置相应的事件监听器。它可以是 transitionend 或 animationend，这取决于给元素应用的 CSS 规则。如果你使用其中任何一种，Vue 能自动识别类型并设置监听。 但是，在一些场景中，你需要给同一个元素同时设置两种过渡动效，比如 animatio 阅读全文
posted @ 2022-06-05 20:57
黄子涵
阅读(52)
评论(0)
推荐(0)
摘要：
我们可以通过以下 attribute 来自定义过渡类名： enter-class enter-active-class enter-to-class (2.1.8+) leave-class leave-active-class leave-to-class (2.1.8+) 他们的优先级高于普通的 阅读全文
posted @ 2022-06-05 20:54
黄子涵
阅读(80)
评论(0)
推荐(0)
摘要：
CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除，而是在 animationend 事件触发时删除。 示例：(省略了兼容性前缀) <div id="example-2"> <button @click="show = !show">Toggle 阅读全文
posted @ 2022-06-05 20:34
黄子涵
阅读(35)
评论(0)
推荐(0)
摘要：
常用的过渡都是使用 CSS 过渡。 下面是一个简单例子： <div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade"> <p v-if="show" 阅读全文
posted @ 2022-06-05 20:12
黄子涵
阅读(45)
评论(0)
推荐(0)
摘要：
在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定 阅读全文
posted @ 2022-06-05 19:54
黄子涵
阅读(136)
评论(0)
推荐(0)
摘要：
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScrip 阅读全文
posted @ 2022-06-05 18:27
黄子涵
阅读(28)
评论(0)
推荐(0)
摘要：
如何追踪变化 检测变化的注意事项 声明响应式 property 异步更新队列 阅读全文
posted @ 2022-06-05 18:12
黄子涵
阅读(25)
评论(0)
推荐(0)
摘要：
报告安全漏洞 第一原则：永远不要使用不可信任的模板 Vue 的安全措施 潜在危险 最佳实践 后端协作 服务端渲染 阅读全文
posted @ 2022-06-05 17:45
黄子涵
阅读(52)
评论(0)
推荐(0)
摘要：
SSR 完全指南 Nuxt.js Quasar Framework SSR + PWA 阅读全文
posted @ 2022-06-05 17:44
黄子涵
阅读(20)
评论(0)
推荐(0)
摘要：
类 Flux 状态管理的官方实现 简单状态管理起步使用 阅读全文
posted @ 2022-06-05 17:43
黄子涵
阅读(32)
评论(0)
推荐(0)
摘要：
官方路由 从零开始简单的路由 整合第三方路由 阅读全文
posted @ 2022-06-05 17:42
黄子涵
阅读(26)
评论(0)
推荐(0)
摘要：
开启生产环境模式 模板预编译 提取组件的 CSS 跟踪运行时错误 阅读全文
posted @ 2022-06-05 17:39
黄子涵
阅读(22)
评论(0)
推荐(0)
摘要：
发布为 NPM 包的官方声明文件 推荐配置 开发工具链 基本用法 基于类的 Vue 组件 增强类型以配合插件使用 标注返回值 标注 Prop 阅读全文
posted @ 2022-06-05 17:32
黄子涵
阅读(28)
评论(0)
推荐(0)
摘要：
介绍 单元测试 组件测试 端到端 (E2E) 测试 阅读全文
posted @ 2022-06-05 17:31
黄子涵
阅读(29)
评论(0)
推荐(0)
摘要：
介绍 起步 阅读全文
posted @ 2022-06-05 17:29
黄子涵
阅读(11)
评论(0)
推荐(0)
摘要：
使用插件 开发插件 阅读全文
posted @ 2022-06-05 17:27
黄子涵
阅读(14)
评论(0)
推荐(0)
摘要：
基础 节点、树以及虚拟 DOM createElement 参数 使用 JavaScript 代替模板功能 JSX 函数式组件 模板编译 阅读全文
posted @ 2022-06-05 17:23
黄子涵
阅读(46)
评论(0)
推荐(0)
摘要：
简介 钩子函数 钩子函数参数 函数简写 对象字面量 阅读全文
posted @ 2022-06-05 17:20
黄子涵
阅读(23)
评论(0)
推荐(0)
摘要：
基础 选项合并 全局混入 自定义选项合并策略 阅读全文
posted @ 2022-06-05 17:17
黄子涵
阅读(44)
评论(0)
推荐(0)
摘要：
状态动画与侦听器 动态状态过渡 把过渡放到组件里 赋予设计以生命 阅读全文
posted @ 2022-06-05 17:16
黄子涵
阅读(26)
评论(0)
推荐(0)
摘要：
在动态组件上使用 keep-alive 异步组件 阅读全文
posted @ 2022-06-05 16:50
黄子涵
阅读(16)
评论(0)
推荐(0)
摘要：
插槽内容 编译作用域 后备内容 具名插槽 作用域插槽 动态插槽名 具名插槽的缩写 其它示例 废弃了的语法 阅读全文
posted @ 2022-06-05 16:48
黄子涵
阅读(35)
评论(0)
推荐(0)
摘要：
事件名 自定义组件的 v-model 将原生事件绑定到组件 .sync 修饰符 阅读全文
posted @ 2022-06-05 16:45
黄子涵
阅读(20)
评论(0)
推荐(0)
摘要：
vue@0.11 vue@0.12 vue@1.0 vue@2.x 基础 安装与介绍 Vue实例 模板语法 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 深入了解组件 组件注册 Prop 自定义事件 插槽 动态组件 & 异步组件 处理边界情况 过渡 阅读全文
posted @ 2022-06-05 16:41
黄子涵
阅读(104)
评论(0)
推荐(0)
摘要：
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。 额外的，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着 阅读全文
posted @ 2022-06-05 13:31
黄子涵
阅读(37)
评论(0)
推荐(0)
摘要：
像这样，你已经知道了可以像这样给 prop 传入一个静态的值： <blog-post title="My journey with Vue"></blog-post> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <me 阅读全文
posted @ 2022-06-05 13:14
黄子涵
阅读(146)
评论(0)
推荐(0)
摘要：
如果你想要将一个对象的所有 property 都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如，对于一个给定的对象 post： post: { id: 1, title: 'My Journey with Vue' } 下面的模板： <bl 阅读全文
posted @ 2022-06-05 13:07
黄子涵
阅读(89)
评论(0)
推荐(0)
摘要：
<!-- 即便对象是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:author="{ name: 'Veronica', company: 'Veridian Dynami 阅读全文
posted @ 2022-06-05 12:06
黄子涵
阅读(29)
评论(0)
推荐(0)
摘要：
<!-- 即便数组是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:comment-ids="[234, 266, 273]"></blog-post> <!-- 用一个变量 阅读全文
posted @ 2022-06-05 10:43
黄子涵
阅读(39)
评论(0)
推荐(0)
浙公网安备 33010602011771号