vuejs-父子组件

Question

我是 vuejs 的新手，我是 laravel 中的 Iam 编码 我看过 vuejs 教程，但我有点困惑 关于父组件和子组件，因为当我开始在 laravel 中编码时，我只使用了一个简单的组件并在刀片和 我觉得不需要父组件我想要使用以及何时使用 父组件，因为父子组件的文档很多，我不知道何时使用它们。

Answer 1

父组件和子组件不一样，子组件以父组件作为prop，你可以通过父组件将数据变异到子组件，并从子组件向父组件发出数据以改变prop。

例如：

 ////parent.vue////

 <parent-component>
    <child-component :item="items"  :profile="profile"></child-component>
</parent-component>

export default {
  data(){
      items: {
      id: 0,
      name: 'Negar'
 },
 data2: {
     id: 1,
     name: 'Hozhabr^_^'
 }
},
 profile: {
    url: 'http://www.alibaba.com',
    company: 'alibaba',
    city: 'Tehran'
  }
}

//// child.vue /////
<template> 
    Item: {{items}}

    profile: {{profile}}
</template>

export default {
  props:['items', 'profile']
}