VUE

OStack程序员社区-中国程序员成长平台 › 门户 › 编程›VUE

RSS

下级分类:

VUE3教程

Vue 3.0 选择组合

#mixins类型：ArrayObject详细：mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用特定的选项合并逻辑。例如，如果 mixin 包含一个 c ...……

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

Vue 3.0 选项/资源

#directives类型：Object详细：包含组件实例可用指令的哈希表。参考自定义指令#components类型：Object详细：包含组件实例可用组件的哈希表。参考 Components_来自VUE3 教程 ...……

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

Vue 3.0 选项生命周期钩子

注意所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对 property 和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () = this.fetchTodos()) 。这是因为箭 ...……

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

Vue 3.0 选项 DOM

#template类型：string详细：一个字符串模板作为 component 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发插槽。如果值以 # 开始，则它将被用作 querySelector，并使用 ...……

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

Vue 3.0选项 Data

#data类型：Function详细：返回组件实例的 data 对象的函数。在 data 中，我们不建议观察具有自身状态行为的对象，如浏览器 API 对象和原型 property。一个好主意是这里只有一个表示组件 data 的普通对象。一旦观察 ...……

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

Vue 3.0 全局API

#createApp返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。const app = Vue.createApp({})你可以在 createApp 之后链式调用其它方法，这些方法可以在应用 API 中找到。#参数该函数接 ...……

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

Vue 3.0 应用API

在 Vue 3 中，改变全局 Vue 行为的 API 现在被移动到了由新的 createApp 方法所创建的应用实例上。此外，现在它们的影响仅限于该特定应用实例：import { createApp } from vueconst app = createApp({})调用 cre_来 ...……

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

Vue 3.0 应用配置

config 是一个包含了 Vue 应用全局配置的对象。你可以在应用挂载前修改其以下 property：const app = Vue.createApp({})app.config = {...}#errorHandler类型：Function默认：undefined用法：_来自VUE3 教程 ...……

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

Vue 3.0 翻译

Vue 已经遍布全球，核心团队至少在 6 个不同的时区。论坛包括 7 种语言和计数，我们的许多文档积极维护翻译。我们为 Vue 的国际影响力感到骄傲，但我们可以做得更好。#我们可以开始翻译 Vue 3 文档了吗？目前，VUE3 ...……

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

Vue 3.0文档风格指南

本指南将概述可用于创建文档的不同设计元素。#警告VuePress 提供了一个自定义容器插件来创建警稿框。有四种类型：Info：提供中立的信息Tip：提供积极和鼓励的信息Warning：提供用户应该知道的信息，因为存在低到中等 ...……

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

Vue 3.0文档编写指南

译者：本章节大部分内容是针对母语是英文的读者，中文用户可略读，除非你想以英文文档编写者的身份参与 Vue docs 的编写，编写文档是一种换位思考的练习。我们并不是在描述客观现实——源代码已经做到了。我们的工作 ...……

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

Vue 3.0 v-bind合并行为

#概览不兼容：v-bind 的绑定顺序会影响渲染结果。#介绍在元素上动态绑定 attribute 时，常见的场景是在一个元素中同时使用 v-bind=object 语法和单独的 property。然而，这就引出了关于合并的优先级的问题。#2.x 语 ...……

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

Vue 3.0 v-if与v-for的优先级对比

#概览非兼容：两者作用于同一个元素上时，v-if 会拥有比 v-for 更高的优先级。#介绍Vue.js 中使用最多的两个指令就是 v-if 和 v-for，因此开发者们可能会想要同时使用它们。虽然不建议这样做，但有时确实是必须的， ...……

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

Vue 3.0 v-model

#概览就变化内容而言，此部分属于高阶内容：非兼容：用于自定义组件时，v-modelprop 和事件默认名称已更改：prop：value - modelValue；event：input - update:modelValue；非兼容：v-bind 的 .sy_来自VUE3 教程 ...……

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

Vue 3.0 过渡的class名更改

#概览过渡类名 v-enter 修改为 v-enter-from、过渡类名 v-leave 修改为 v-leave-from。#2.x 语法在v2.1.8版本之前, 为过渡指令提供了两个过渡类名对应初始和激活状态。在 v2.1.8 版本中, 引入 v-enter-to 来定义 ent ...……

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

Vue 3.0 Slot统一

#概览此更改统一了 3.x 中的普通 slot 和作用域 slot。以下是变化的变更总结：this.$slots 现在将 slots 作为函数公开非兼容：移除 this.$scopedSlots更多信息，请继续阅读！#2.x 语法当使用渲染函数时，即 h，2.x ...……

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

Vue 3.0 渲染函数API

#概览此更改不会影响 template 用户。以下是更改的简要总结：h 现在全局导入，而不是作为参数传递给渲染函数渲染函数参数更改为在有状态组件和函数组件之间更加一致vnode 现在有一个扁平的 prop 结构更多信息，请继 ...……

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

Vue 3.0 在prop的默认函数中访问this

生成 prop 默认值的工厂函数不再能访问 this。替代方案：把组件接收到的原始 prop 作为参数传递给默认函数；注入 API 可以在默认函数中使用。import { inject } from vueexport default { props: { t_来自VUE3 ...……

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

Vue 3.0 按键修饰符

#概览以下是变更的简要总结：非兼容：不再支持使用数字 (即键码) 作为 v-on 修饰符非兼容：不再支持 config.keyCodes#2.x 语法在 Vue 2 中，支持 keyCodes 作为修改 v-on 方法的方法。!-- 键码版本 --_来自VUE3 教程 ...……

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

Vue 3.0 key attribute

#概览新增：对于 v-if/v-else/v-else-if的各分支项key将不再是必须的，因为现在 Vue 会自动生成唯一的key。非兼容：如果你手动提供 key，那么每个分支必须使用唯一的 key。你不能通过故意使用相同的 key 来强制重用 ...……

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

Vue 3.0 内联模板 Attribute

#概览对内联特性的支持已被移除。#2.x 语法在 2.x 中，Vue 为子组件提供了 inline-template attribute，以便将其内部内容用作模板，而不是将其作为分发内容。my-component inline-template div&g_来自VUE3 教程 ...……

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

Vue 3.0 全局API Treeshaking

#2.x 语法如果你曾经在 Vue 中手动操作过 DOM，你可能会遇到以下模式：import Vue from vueVue.nextTick(() = { // 一些和DOM有关的东西})或者，如果你一直在对涉及 async components 的应用程序进行_来自VUE3 教程 ...……

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

Vue 3.0 全局API

Vue 2.x 有许多全局 API 和配置，这些 API 和配置可以全局改变 Vue 的行为。例如，要创建全局组件，可以使用 Vue.component 这样的 API：Vue.component(button-counter, { data: () = ({ count_来自VUE3 教程 ...……

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

Vue 3.0 函数式组件

#概览就变化而言，属于高等级内容：在 3.x 中，函数式组件 2.x 的性能提升可以忽略不计，因此我们建议只使用有状态的组件函数式组件只能使用接收 props 和 context 的普通函数创建 (即：slots，attrs，emit)。非兼容 ...……

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

Vue 3.0 片段

#概览在 Vue 3 中，组件现在正式支持多根节点组件，即片段！#2.x 语法在 2.x 中，不支持多根组件，当用户意外创建多根组件时会发出警告，因此，为了修复此错误，许多组件被包装在一个 div 中。!-- Layout.vue --tem_ ...……

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

Vue 3.0 过滤器

#概览从 Vue 3.0 开始，过滤器已删除，不再支持。#2.x 语法在 2.x，开发者可以使用过滤器来处理通用文本格式。例如：template h1Bank Account Balance/h1 p{{ a_来自VUE3 教程 ...……

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

Vue 3.0 事件API

#概览$on，$off 和 $once 实例方法已被移除，应用实例不再实现事件触发接口。#2.x 语法在 2.x 中，Vue 实例可用于触发通过事件触发 API 强制附加的处理程序 ($on，$off 和 $once)，这用于创建 event hub，以创建在整 ...……

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

Vue 3.0 Data选项

#概览非兼容：data 组件选项声明不再接收纯 JavaScript object，而需要 function 声明。当合并来自 mixin 或 extend 的多个 data 返回值时，现在是浅层次合并的而不是深层次合并的(只合并根级属性)。#2.x Syntax在 2 ...……

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

Vue 3.0 自定义元素交互

#概览非兼容：自定义元素白名单现在在模板编译期间执行，应该通过编译器选项而不是运行时配置来配置。非兼容：特定 is prop 用法仅限于保留的 component 标记。新增：有了新的 v-is 指令来支持 2.x 用例，其中在原生 ...……

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

Vue 3.0 自定义指令

#概览下面是对变更的简要总结：API 已重命名，以便更好地与组件生命周期保持一致自定义指令将由子组件通过 v-bind=$attrs更多信息，请继续阅读！#2.x 语法在 Vue 2，自定义指令是通过使用下面列出的钩子来创建的，这 ...……

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

Vue 3.0 attribute强制行为

信息这是一个低级的内部 API 更改，不会影响大多数开发人员。#概览下面是对这些变化的高层次总结：删除枚举 attribute 的内部概念，并将这些 attribute 视为普通的非布尔 attribute重大改变：如果值为布尔值，则不再 ...……

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

Vue 3.0 异步组件

#概览以下是对变化的高层次概述：新的 defineAsyncComponent 助手方法，用于显式地定义异步组件component 选项重命名为 loaderLoader 函数本身不再接收 resolve 和 reject 参数，且必须返回一个 Promise如需更深入的 ...……

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

Vue 3.0 v-for中的Ref数组

在 Vue 2 中，在 v-for 里使用的 ref attribute 会用 ref 数组填充相应的 $refs property。当存在嵌套的 v-for 时，这种行为会变得不明确且效率低下。在 Vue 3 中，这样的用法将不再在 $ref 中自动创建数组。要从单 ...……

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

Vue 3.0 介绍

INFO刚接触 Vue.js？先从基础指南开始吧。本指南主要是为有 Vue 2 经验的用户希望了解 Vue 3 的新功能和更改而提供的。在试用 Vue 3 之前，你不必从头阅读这些内容。虽然看起来有很多变化，但很多你已经了解和喜欢 V ...……

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

Vue 3.0 资源

#文档WCAG 2.0WCAG 2.1可访问的富 Internet 应用程序 (WAI-ARIA) 1.2WAI-ARIA 创作实践 1.2#辅助技术屏幕阅读器NVDAVoiceOver(https://www.freedom_来自VUE3 教程……

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

Vue 3.0 标准

万维网联盟 (W3C) 网络可访问性倡议 (WAI) 为不同的组件制定了 Web 可访问性标准：用户代理无障碍指南 (UAAG)网络浏览器和媒体播放器，包括一些辅助技术创作工具辅助功能指南 (ATAG)创作工具网络内容无障碍指南 (WCA ...……

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

Vue 3.0 语义学

#表单当创建一个表单，你可能使用到以下几个元素：form、label、input、textarea 和 button。标签通常放置在表单字段的顶部或左侧：form action=/dataColle_来自VUE3 教程 ...……

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

Vue 3.0 基础

Web 可访问性 (也称为 a11y) 是指创建可供任何人使用的网站的实践方式——无论是身患某种障碍、通过慢速的网络连接访问、使用老旧或损坏的硬件，还是仅仅是处于不利环境中的人。例如，在视频中添加字幕可以帮助失聪 ...……

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

Vue 3.0 服务端渲染

#SSR 完全指南我们创建了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue、webpack 和 Node.js 开发的开发者阅读。请移步 ssr.vuejs.org。#Nuxt.js从头搭建一个服务端渲染的应用是相 ...……

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

Vue 3.0 状态管理

类 Flux 状态管理的官方实现由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供 vuex：我们有受到 Elm 启发的状态管理库。vuex 甚至集成到 vue-devtools， ...……

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

1 234 5 / 5 页下一页

客服电话

电子邮件

VUE

下级分类:

关于我们

产品与服务

解决方案

139-2527-9053