vue2和vue3组件传值——父传子

**

 **近期学习vue3的组件传值，发现和之前的vue2版本并没有什么区别，实现的思路都是一样的，文章底部我会用大白话叙述一下vue组件传值的思路过程。下面就一起学习vue的组件传值吧，不足之处大家多批评指正！**

1. vue2-父传子

<!-- 父组件 -->
<!-- 传递数据给子组件 -->
<template>
    <div class="fatherview">
    //父组件中通过v-bind绑定了list这个自定义的属性，并赋了一个值 date
        <SonView :list="date"></SonView>
    </div>
</template>
<script>
import SonView from '@/components/SonView.vue';
export default {
   
	//注册组件
    components: {
   
        SonView
    },
    data() {
   
        return {
   
            date: [
                "