Vue3.0教程

这节我们为大家介绍 Vue 表单上的应用。 我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数…

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦…

Vue 提供了一些抽象概念，可以帮助处理过渡和动画，特别是在响应某些变化时。这些抽象的概念包括： 组件进入和离开 DOM 的钩子，在 CSS 和 JS 中均可用，使用内置的 &lt…

在插入、更新或从 DOM 中移除项时，Vue 提供了多种应用转换效果的方法。这包括以下工具： 自动为 CSS 过渡和动画应用 class； 集成第三方 CSS 动画库，例如 ani…

目前为止，关于过渡我们已经讲到： 单个节点 多个节点，每次只渲染一个 那么怎么同时渲染整个列表，比如使用 v-for？在这种场景下，我们会使用 <transition-gro…

Vue 的过渡系统提供了非常多简单的方法来设置进入、离开和列表的动效，那么对于数据元素本身的动效呢？比如： 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的 prop…

混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 来看一个简单的实例： …

Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。 Github开源地址：…

Vue3 组合式 API（Composition API） 主要用于在大型组件中提高代码逻辑的可复用性。 传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅…

使用 Vue 时最基本的安全规则是永远不要使用不受信任的内容作为组件模板。这样做相当于允许在你的应用程序中执行任意 JavaScript。更糟糕的是，如果在服务器端渲染时执行了这些…

本节课我们学习下Vue3的服务端渲染。 SSR 完全指南 我们创建了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue、webpack 和 Nod…

本节课我们学习下Vue3的状态管理。 类 Flux 状态管理的官方实现 由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供…

本章节我们将为大家介绍 Vue3 路由。 Vue3 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue3 可以实现多视图的单页 Web 应用（single page w…