组件 - 百科狗 - 第6页

百科狗-知识改变命运！ - -

组件 v-model - 双向绑定 - vue 组件

组件 v-model首先让我们回忆一下v-model在原生元素上的用法：在代码背后，模板编译器会对v-model进行更冗长的等价展开。因此上面的代码其实等价于下面这段：而当使用在一个组件上时，v-model会被展开为如下的形式：要让这...

组件

1年前 (2023-11-21) 7 阅读 #技术干货
依赖注入 - provide() 提供数据，inject() 接收数据 - vue 组件

依赖注入通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分内容。在这种情况下，如果仅使用props则必须将...

组件

1年前 (2023-11-21) 9 阅读 #技术干货
异步组件 - defineAsyncComponent() - vue 组件

异步组件异步组件在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了defineAsyncComponent方法来实现此功能：：import { defineAsyncComponent } fr...

组件

1年前 (2023-11-21) 11 阅读 #技术干货
attribute 透传 - 自动添加到根元素的 attribute 中 - vue 组件

attribute 透传“透传 attribute”的意思是把attribute透漏给一个组件，或者把 v-on 事件监听器传递一个组件。但在所接收组件上，并没有显式地声明的props或emits来接收。最常见的例子就是class、styl...

组件

1年前 (2023-11-21) 9 阅读 #技术干货
props 数据 - 父组件向子组件单向传递数据 - vue 组件

props 数据Props 声明组件需要显式声明props，这样 Vue 才能知道，外部传入的，哪些是props，哪些是透传attribute(下一章中我们会讨论到它)。在单文件组件中使用 {{ foo }] 在没有使用...

组件

1年前 (2023-11-21) 18 阅读 #技术干货
组件基础 - defineProps()、defineEmits() - vue 组件

组件基础组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的编写。在实际应用中，组件常常被组织成层层嵌套的树状结构：这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以，在每个组件内，封...

组件

1年前 (2023-11-21) 20 阅读 #技术干货
组件注册 - app.component() 注册全局组件，components 选项注册局部组件。 - vue 组件

组件注册一个 Vue 组件需要被“注册”使得 Vue 在渲染模板时能找到其实现。有两种方式来注册组件：全局注册和局部注册。全局注册我们可以使用app.component()方法，让组件在当前 Vue 应用中全局可用。import { cre...

组件

1年前 (2023-11-21) 17 阅读 #技术干货
模板引用 ref - ref 属性 - vue 基础

模板引用 ref虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的ref attribute： ref是一个特殊的 attribut...

组件

1年前 (2023-11-21) 23 阅读 #技术干货
vue 应用实例 - createApp() 创建应用实例 - vue 基础

vue 应用实例应用实例每个 Vue 应用都是通过createApp函数创建一个新的应用实例：import { createApp } from 'vue' const app = createApp({ /* 根组件选项 */ })...

组件

1年前 (2023-11-21) 17 阅读 #技术干货
vue 介绍 - 渐进式 JavaScript 框架 - vue 基础

vue 介绍vue 是渐进式 JavaScript 框架，用于构建 web 用户界面。易用、高性能、多功能的框架。vue 官网：vuejs.org最新版本：什么是 Vue？Vue（读作/vjuː/，类似view）是一款用于构建用户界面的 J...

组件

1年前 (2023-11-21) 19 阅读 #技术干货
单文件组件 CSS 功能 

单文件组件 CSS 功能组件作用域 CSS 当标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的元素，和 Shadow DOM 中的样式封装类似。使用时有一些注意事项，不过好处是不需要任何的 po...

组件

1年前 (2023-11-21) 23 阅读 #技术干货
组合式 API：setup()

{#script-setup}"">是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的语法，它具有更多优势：更少的...

组件

1年前 (2023-11-21) 50 阅读 #技术干货
SFC 语法定义 

SFC 语法定义总览一个 Vue 单文件组件 (SFC)，通常使用 *.vue 作为文件扩展名，它是一种使用了类似 HTML 语法的自定义文件格式，用于定义 Vue 组件。一个 Vue 单文件组件在语法上是兼容 HTML 的。每一个...

组件

1年前 (2023-11-21) 15 阅读 #技术干货
组件实例 

组件实例 INFO本页文档描述了组件公共实例 (即 this) 上暴露的内置属性和方法，本页罗列的所有属性，除了 $data 下的嵌套属性之外，都是只读的。$data 从 data 选项函数中返回的对象，会被组件赋为响应式。组件实例将会...

组件

1年前 (2023-11-21) 20 阅读 #技术干货
内置组件 

内置组件组件注册和使用内置组件无需注册便可以直接在模板中使用。它们也支持 tree-shake：仅在使用时才会包含在构建中。在渲染函数中使用它们时，需要显式导入。例如：jsimport { h, Transition } from 'v...

组件

1年前 (2023-11-21) 20 阅读 #技术干货
其他杂项选项 

其他杂项选项 name 用于显式声明组件展示时的名称。类型tsinterface ComponentOptions { name?: string }详细信息组件的名字有以下用途：在组件自己的模板中递归引用自己时在 Vue 开发者工...

组件

1年前 (2023-11-21) 20 阅读 #技术干货
组合选项 

组合选项 provide 用于提供可以被后代组件注入的值。类型tsinterface ComponentOptions { provide?: object | ((this: ComponentPublicInstance) =&...

组件

1年前 (2023-11-21) 17 阅读 #技术干货
状态选项 

状态选项 data 用于声明组件初始响应式状态的函数。类型tsinterface ComponentOptions { data?( this: ComponentPublicInstance, vm: Compon...

组件

1年前 (2023-11-21) 21 阅读 #技术干货
组合式 API：setup() 

组合式 API：setup() 基本使用 setup() 钩子是在组件中使用组合式 API 的入口，通常只在以下情况下使用：需要在非单文件组件中使用组合式 API 时。需要在基于选项式 API 的组件中集成基于组合式 API 的代码时。...

组件

1年前 (2023-11-21) 15 阅读 #技术干货
应用实例 API 

应用实例 API createApp() 创建一个应用实例。类型tsfunction createApp(rootComponent: Component, rootProps?: object): App详细信息第一个参数是根组件。第...

组件

1年前 (2023-11-21) 17 阅读 #技术干货

‹‹ ‹ 2 3 4 5 6 7 › ››