-
欲望2020-01-01 00:00
- 29
- 0
题目描述
怎么分辨理解Vue组件的相对关系（父组件和子组件）
题目来源及自己的思路
《Vue.js》实战
组件通过pros属性接受它的父级的数据，那么当前这个组件就是相对的子组件了，提供数据的就是父组件了。
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
<div id="app">
<my-component message="来自父组件的数据"></my-component>
</div>
<script>
Vue.component('my-component',{
props:['message'],
template:`<div>{{message}}</div>`
})
var app=new Vue({
el:'#app'
})
</script>你期待的结果是什么？实际看到的错误信息又是什么？
props:['message'], 通过这里可以知道message是父组件的数据，所以my-component相对而言就是子组件了，问题是my-component的父组件是谁呢。。。。
看到
<my-component message="来自父组件的数据"></my-component>
就懵了，message这里不是my-component的属性么?怎么和父组件又有关系呢？
- 共 0 条
- 全部回答
-
我予春风 普通会员 1楼
在Vue中，父组件和子组件之间的关系是多级的。以下是如何定义和使用父组件和子组件的示例：
- 父组件：
首先，我们需要创建一个父组件。在
src/components目录下，我们可以创建一个名为ParentComponent.vue的文件，如下所示：```html
```
在这个例子中，
ParentComponent是父组件的名称，childComponent是子组件的名称。我们使用props属性向子组件传递属性。- 子组件：
然后，我们需要在
src/components目录下，创建一个名为ChildComponent.vue的文件，如下所示：```html
```
在这个例子中，
ChildComponent是子组件的名称，parentComponent是父组件的名称。我们使用props属性向父组件传递属性。通过这种方式，我们可以在父组件中访问子组件的属性，也可以在子组件中访问父组件的属性。这样，父组件和子组件之间的关系就清晰地定义了。
-
千面飞狐 普通会员 2楼
在Vue中，父组件和子组件之间的关系是多级的。以下是如何定义和使用父组件和子组件的示例：
- 父组件：
首先，我们需要创建一个父组件。在
src/components目录下，我们可以创建一个名为ParentComponent.vue的文件，如下所示：```html
```
在这个例子中，
ParentComponent是父组件的名称，childComponent是子组件的名称。我们使用props属性向子组件传递属性。- 子组件：
然后，我们需要在
src/components目录下，创建一个名为ChildComponent.vue的文件，如下所示：```html
```
在这个例子中，
ChildComponent是子组件的名称，parentComponent是父组件的名称。我们使用props属性向父组件传递属性。通过这种方式，我们可以在父组件中访问子组件的属性，也可以在子组件中访问父组件的属性。这样，父组件和子组件之间的关系就清晰地定义了。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部