根组件，父组件，子组件。app这里是根组件。PostItem是子组件，PostList是父组件

hamimelon2020

已于 2022-03-02 11:44:28 修改

阅读量361

点赞数

分类专栏： JavaScript vue 文章标签： vue.js 前端 javascript

于 2022-03-02 11:30:07 首次发布

本文链接：https://blog.csdn.net/weixin_40945354/article/details/123226164

版权

本文讨论了Vue.js应用中的根组件与子组件的概念，特别指出App组件作为根组件的角色。同时，提出了一个问题：在特定情况下，为何PostItem子组件可以直接存在而不需要PostList父组件。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<div id="app">
<Post-list></Post-list>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
   });
const PostItem = {
   
  props:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hamimelon2020

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue2 组件之间的数据共享

qq_45771053的博客

07-22

459

Vue2 组件之间的数据共享

根组件-----

qq_33229537的博客

09-16

458

根节点 Actor 默认有DefaultSceneRoot 创建3个静态网格体 FirstMesh = CreateDefaultSubobject<UStaticMeshComponent>(TEXT("FirstMesh")); SecondMesh = CreateDefaultSubobject<UStaticMeshComponent>(TEXT("SecondMesh")); ThirdMesh = CreateDefaultSubobject<UStatic.

参与评论您还未登录，请先登录后发表或查看评论

Angular根组件app详解

liucai1018的博客

09-16

2275

app.module.ts //根模块，告诉angular如何组装应用 //浏览器解析的模块 import { BrowserModule } from '@angular/platform-browser'; //angular核心模块：导入该模块是因为@NgModule()装饰器需要该模块 import { NgModule } from '@angular/core'; //根组...

UE4C++创建根组件

qq_40776805的博客

09-09

932

RootComponent=Createfaultsubobject<UstaticMeshComponent>(TEXT("RootComponent"));

组件化开发&根组件

m0_74462339的博客

05-06

525

组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用，提升开发效率。

组件需要多个传值

weixin_40945354的博客

08-02

125

<div id="app"> <post-list></post-list> </div> <script src="https://unpkg.com/vue@next"></script> <script> const app = Vue.createApp({}); const PostItem = { props: ['author', 'title', 'content'], templ

Uncaught SyntaxError: Identifier ‘app‘ has already been declared：不能打逗号，要打分号，是并列关系，不是连续关系

weixin_40945354的博客

03-02

3431

<!DOCTYPE html> <div id="app"> <PostList></PostList> </div> <script src="https://unpkg.com/vue@next"></script> <script> const app = Vue.createApp({}); const PostItem = { props: ['postTitle'], template: `

ReadIt:使用 React 构建的基本 Reddit 客户端

05-31

对于ReadIt，可能的组件包括Header、PostList、PostItem、CommentSection等。每个组件都负责渲染一部分UI，并且可能有自己的状态和方法。 3. **数据获取**：为了显示Reddit帖子，我们需要与Reddit API交互。可以...

一杯茶的时间，上手 Taro 京东小程序开发

图雀社区

04-28

937

我们研发开源了一款基于 Git 进行技术实战教程写作的工具，我们图雀社区的所有教程都是用这款工具写作而成，欢迎 Star 哦如果你想快速了解如何使用，欢迎阅读我们的教程文档哦本文由图雀社区成员 pftom 写作而成，欢迎加入图雀社区，一起创作精彩的免费技术教程，予力编程行业发展。如果您觉得我们写得还不错，记得点赞 + 关注 + 评论三连，鼓励我们写出更好的教程???? ...

18-组件化开发 & 根组件

m0_58250910的博客

08-19

267

2. 根组件:整个应用最上层的组件，包裹所有普通小组件。组件分类: 普通组件 , 根组件。

Vue 框架-11-介绍src文件流程及根组件app+HBuilder 配置

肖朋伟

11-15

2193

Vue 框架-11-介绍 src 文件流程及根组件 app 这是上一篇对目录简单介绍：关于编辑器，使用的是 HBuilder，直接【文件】&amp;amp;gt;【打开目录】然后选择项目目录就可以了：然后可以看到：先介绍 main.js（请看注释）：根组件 App.vue（请看注释）： App.vue： &amp;amp;lt;!--拓展一个面试小知识点：浏览器页面的有哪几层构成，分别是什么？三层构成：结构层...

Vue-根组件-局部组件-全局组件-组件间的通信

zdc45625的博客

03-22

2116

文章目录一、根组件二、局部组件三、全局组件四、组件间的通信一、根组件每一个组件都是一个vue实例每个组件均具有自身的模板template，根组件的模板就是挂载点每个组件模板只能拥有一个根标签子组件的数据具有作用域，以达到组件的复用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g...

VUE的组件，父子组件

weixin_39193977的博客

04-22

108

组件组件 a)、全局组件组件：将公用的功能抽离出来，形成组件，目的就是复用代码全局组件必须写在Vue实例创建之前，才在该根元素下面生效全局组件 demo是组件的名字，后面{}是组件的内容组件中的data必须是个方法，通过return map来定义数据 <body> <div id="app">   <!-- <dem

Vue 根组件,局部,全局组件 | 组件间通信,案例组件化

weixin_30815469的博客

11-05

153

一组件 <div id="app"> <h1>{{ msg }}</h1> </div> <script src="js/vue-2.5.17.js"></script> <script type="text/javascript"> // 通过new Vue创建的实例就是根组...

Vue基础入门（3）- 组件化开发、根组件和普通组件、组件的三大组成部分（结构/样式/逻辑）、组件通信、非父子组件通信、v-model、异步更新、自定义指令、插槽和路由、ESlint代码规范及手动修复

qq_55626883的博客

03-05

1008

组件化开发、根组件和普通组件、组件的三大组成部分（结构/样式/逻辑）、组件通信、props、非父子组件通信、v-model、ref和$refs、异步更新、自定义指令、插槽和路由、ESlint代码规范及手动修复

关于组件之间的数据共享（超详细，一看就会）

gsx257318的博客

10-17

945

组件之间的数据共享

组件访问（子组件访问父组件）

huangxinyi123的博客

05-17

121

子组件访问父组件这里把new Vue看成根组件，也就是父组件，把cpn看成Vue的子组件，把ccpn看成cpn的子组件。所以Vue是cpn的父组件，是ccpn的根组件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

组件间的通信

weixin_42447364的博客

07-03

137

react 组件通信

通过outlook要怎么造Item、SharingMessage、CalendarItem、DistributionList、MeetingMessage、Task、PostItem、RoleMember、Network类型的邮件

最新发布

09-25

在Outlook VBA（Visual Basic for Applications）中，创建和操作Outlook Items通常涉及对`MAPI` (Messaging Application Program Interface) 对象模型的使用。以下是针对您提到的一些特定类型的邮件操作： 1. `MailItem`: 这是最基本的邮件类型，你可以使用`Application.CreateItem(olMailItem)`创建一封新邮件。例如： ```vba Dim mail As MailItem Set mail = Application.CreateItem(olMailItem) mail.Recipients.Add "recipient@example.com" ``` 2. `SharingMessage`: 这个类型可能不是Outlook标准的一部分，如果你是指协作邮件或共享链接，需要查找第三方库或自定义实现。 3. `CalendarItem`: 日历项可以使用`Application.CreateItem(olAppointmentItem)`创建，如添加日程： ```vba Dim appointment As AppointmentItem Set appointment = Application.CreateItem(olAppointmentItem) appointment.Start = #12/1/2023 10:00:00 AM# appointment.End = #12/1/2023 11:00:00 AM# ``` 4. `DistributionList`: 分布式联系人列表在Outlook中称为`Recipient`，可以作为收件人添加到邮件中： ```vba Dim dl As Recipient Set dl = Application.Session.GetDefaultFolder(olFolderContacts).Items.Find("[EmailAddress]='example@dl.com'") mail.Recipients.Add dl ``` 5. `MeetingMessage`, `Task`, 和 `PostItem`: 这些都是特殊的`Item`类型，可以在创建时指定具体的item type（如`olMeetingMessage`, `olTaskItem`），然后按照各自的属性设置创建。 6. `RoleMember`, `Network`: 如果它们代表角色成员或网络资源，一般不会直接作为邮件对象处理，而是用于管理权限或与Outlook的其他功能集成。注意：在实际操作中，确保引用了正确的命名空间和引用了`Microsoft.Office.Interop.Outlook`库。此外，对于一些高级功能，比如分享链接或角色管理，可能需要额外的API支持。