1. Vue父组件向子组件传值

父组件Home.vue

<template>    <div>        <Pass :List="List"></Pass>    </div></template><script>import Pass from "../components/Pass"export default {    data(){        return{            List:[                {                    name:'东'                },                {                    name:'西'                },                {                    name:'南'                },                {                    name:'北'                }            ],            title:'男孩'        }    },    components:{        Pass    }}</script>

子组件pass.vue

 <template>    <div>        <div v-for="(item,inx) in List" :key="inx">            <div>{{item.name}}</div>        </div>        <h3>{{title}}</h3>    </div></template><script>export default {  props: ["List",'title']};</script>