Vue.js 3.0教程
-
[Vue 3] cookbook – 在 VS Code 中调试
# 在 VS Code 中调试 每个应用，不论大小，都需要理解程序是为何运行失败的。在本案例中，我们会探索一些 VS Code 用户在浏览器中调试应用的工作流程。 这个……yiyan 2021年2月25日
-
[Vue 3] 风格指南
# 风格指南 这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南……小杜 2021年2月24日
-
[Vue 3] 教程 – 基础 – 安装
# 安装 Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式： 在页面……喔28 2021年2月24日
-
[Vue 3] 教程 – 基础 – 介绍
# 介绍 提示 已经了解 Vue 2，只想了解 Vue 3 的新功能可以参阅迁移指南！ # Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐…… -
[Vue 3] 教程 – 基础 – 应用 & 组件实例
# 应用 & 组件实例 # 创建一个应用实例 每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的： const app = Vue.createApp({ /* 选项 *……丹青 2021年2月23日
-
[Vue 3] 教程 – 基础 – 模板语法
# 模板语法 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规……田田 2021年2月23日
-
[Vue 3] 教程 – 基础 – Data Property 和方法
# Data Property 和方法 # Data Property 组件的 data 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象，然后 Vue 会通过响应…… -
[Vue 3] 教程 – 基础 – 计算属性和侦听器
# 计算属性和侦听器 # 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如，有一……老王 2021年2月22日
-
[Vue 3] 教程 – 基础 – Class 与 Style 绑定
# Class 与 Style 绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表…… -
[Vue 3] 教程 – 基础 – 条件渲染
# 条件渲染 # v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h2 v-if="awesome">Vue is awes…… -
[Vue 3] 教程 – 基础 – 列表渲染
# 列表渲染 # 用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，……无卤 2021年2月21日
-
[Vue 3] 教程 – 基础 – 事件处理
# 事件处理 了解如何处理事件,一个免费的Vue School课程 # 监听事件 我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些…… -
[Vue 3] 教程 – 基础 – 表单输入绑定
# 表单输入绑定 # 基础用法 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自……阿喜 2021年2月21日
-
[Vue 3] 教程 – 基础 – 组件基础
# 组件基础 # 基本实例 这里有一个 Vue 组件的示例： // 创建一个Vue 应用 const app = Vue.createApp({}) // 定义一个名为 button-counter 的新全局组件 a…… -
[Vue 3] 教程 – 边界情况 – 组件注册
# 组件注册 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 # 组件名 在注册一个组件的时候，我们始终需要给它一个名字。…… -
[Vue 3] 教程 – 边界情况 – Props
# Props 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 # Prop 类型 到这里，我们只看到了以字符串数组形式列出的 prop：…… -
[Vue 3] 教程 – 边界情况 – 非 Prop 的 Attribute
# 非 Prop 的 Attribute 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 一个非 prop 的 attribute 是指传向一个组件，但是…… -
[Vue 3] 教程 – 边界情况 – 自定义事件
# 自定义事件 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 # 事件名 不同于组件和 prop，事件名不存在任何自动化的大小…… -
[Vue 3] 教程 – 边界情况 – 插槽
# 插槽 该页面假设你已经阅读过了组件基础。如果你对组件还不太了解，推荐你先阅读它。 # 插槽内容 Vue 实现了一套内容分发的 API，这套 API 的设计灵感源……中天 2021年2月19日
-
[Vue 3] 教程 – 边界情况 – Provide / Inject
# Provide / Inject 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 通常，当我们需要从父组件向子组件传递数据时，我们使……嘿哈 2021年2月19日
-
[Vue 3] 教程 – 边界情况 – 动态组件 & 异步组件
# 动态组件 & 异步组件 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 # 在动态组件上使用 keep-alive 我们之前曾经…… -
[Vue 3] 教程 – 边界情况 – 模板引用
# 模板引用 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 尽管存在 prop 和事件，但有时你可能仍然需要直接访问 JavaScri…… -
[Vue 3] 教程 – 边界情况 – 处理边界情况
# 处理边界情况 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。 提示 这里记录的都是和处理边界情况有关的功能，即一些需…… -
[Vue 3] 教程 – 过渡与动画 – 概述
# 过渡 & 动画概述 Vue 提供了一些抽象概念，可以帮助处理过渡和动画，特别是在响应某些变化时。这些抽象的概念包括： 在 CSS 和 JS 中，使用内置的 <……啊Q 2021年2月17日
-
[Vue 3] 教程 – 过渡与动画 – 进入过渡 & 离开过渡
# 进入过渡 & 离开过渡 在插入、更新或从 DOM 中移除项时，Vue 提供了多种应用转换效果的方法。这包括以下工具： 自动为 CSS 转换和动画应用 class； 集……