组件拆分

组件拆分

父组件

<template>
  <div>
    内容
    //利用标签站位  渲染到页面
    //:list=list   绑定属性   将父组件定义的数组里面的值传给子组件
<Hh   :list=list></Hh>
  </div>
</template>

<script>
//引入子组件
import Hh from "@/components/HelloWorld"
export default {
//初始化  子组件传来的值
components:{
  Hh
}
};
</script>

子组件

export default {
  props: {
    list: Array //将list里面的值转换成数组
  },
  }