Vue3.0教程

Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中主要有四种方式： 在页面上以 CDN 包的形式导…

刚开始学习 Vue，我们不推荐使用 vue-cli 命令行工具来创建项目，更简单的方式是直接在页面引入 vue.global.js 文件来测试学习。 Vue3 中的应用是通过使用 …

Vue 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM…

今天我们来学习下条件语句。 条件判断 v-if 条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示。 在元素中使用 v-if 指令： 这里， v-if 指令将根据…

循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以…

组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 每个 Vue 应用都是通过用 createApp 函数创建的，传递…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 组件名 在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： 该组件名就…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 Prop 类型 目前为止，我们只看到了以字符串数组形式列出的 prop： 但是，通常你希望每个 prop…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 props 或 emi…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 事件名 与组件和 prop 一样，事件名提供了自动的大小写转换。如果在子组件中触发一个以 camelCa…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is attribute …

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 尽管存在 prop 和事件，但有时你可能仍然需要在 JavaScript 中直接访问子组件。为此，可以使…

该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 提示： 这里记录的都是和处理边界情况有关的功能，即一些需要对 Vue 的规则做一些小调整的特殊情况。不过…

插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内…

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 计算属性关键词：computed。 计算属性在处理一些复杂逻辑时是很有用…

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法来响应数据的变化。当需要在数据变化时执行异步或开…

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法来响应数据的变化。当需要在数据变化时执行异步或开…

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过…

我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。 v-on 指令可以缩写为 @ 符号。 语法格式： 看个例子： 通常情况下，我们需要使用一个…