VUE3教程

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› VUE›VUE3教程

RSS

Vue 3.0 非Prop的Attribute

该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 props 或 emits 定义的 attribute。常见的示例包括 class、style ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:37 | 阅读：250 | 回复：0
Vue 3.0 自定义事件

该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。#事件名不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:37 | 阅读：249 | 回复：0
Vue 3.0 插槽

该页面假设你已经阅读过了组件基础。如果你还对组件不太了解，推荐你先阅读它。#插槽内容Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 slot 元素作为承载分发内容的出口。它 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:37 | 阅读：256 | 回复：0
Vue 3.0 提供/注入

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

作者：菜鸟教程小白 | 时间：2022-1-28 12:37 | 阅读：253 | 回复：0
Vue 3.0 动态组件&异步组件

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

作者：菜鸟教程小白 | 时间：2022-1-28 12:37 | 阅读：255 | 回复：0
Vue 3.0 模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：251 | 回复：0
Vue 3.0 Data Property和方法

#Data Property组件的 data 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象，然后 Vue 会通过响应性系统将其包裹起来，并以 $data 的形式存储在组件实例中。为方便起见，该对象的任何 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：265 | 回复：0
Vue 3.0 计算属性和侦听器

#计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如，有一个嵌套数组对象：Vue.createApp({ data() { return { author: { ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：261 | 回复：0
Vue 3.0 Class与Style绑定

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

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：249 | 回复：0
Vue 3.0 条件渲染

#v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。h1 v-if=awesomeVue is awesome!/h1也可以用 v-else 添加一个“else 块”：h1 v-i_来自VUE3 教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：258 | 回复：0
Vue 3.0 列表渲染

#用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。ul id=a ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：248 | 回复：0
Vue 3.0 事件处理

#监听事件我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。用法为 v-on:click=methodName 或使用快捷方式 @click=methodName例如：div id=basic-e_来自VUE3 教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：250 | 回复：0
Vue 3.0 表单输入绑定

#基础用法你可以用 v-model 指令在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:36 | 阅读：265 | 回复：0
Vue 3.0 安装

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

作者：菜鸟教程小白 | 时间：2022-1-28 12:35 | 阅读：398 | 回复：0
Vue 3.0 介绍

提示已经了解 Vue 2，只想了解 Vue 3 的新功能可以参阅迁移指南!#Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:35 | 阅读：295 | 回复：0
Vue 3.0 应用&组件实例

#创建一个应用实例每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的：const app = Vue.createApp({ /* 选项 */ })该应用实例是用来在应用中注册“全局”组件的。我们将在后面的指南中详细讨论，简 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 12:35 | 阅读：276 | 回复：0

1 23 / 3 页

客服电话

电子邮件

VUE3教程

Vue 3.0 非Prop的Attribute

Vue 3.0 自定义事件

Vue 3.0 插槽

Vue 3.0 提供/注入

Vue 3.0 动态组件&异步组件

Vue 3.0 模板语法

Vue 3.0 Data Property和方法

Vue 3.0 计算属性和侦听器

Vue 3.0 Class与Style绑定

Vue 3.0 条件渲染

Vue 3.0 列表渲染

Vue 3.0 事件处理

Vue 3.0 表单输入绑定

Vue 3.0 安装

Vue 3.0 介绍

Vue 3.0 应用&组件实例

关于我们

产品与服务

解决方案

139-2527-9053