亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

vue父組件如何向子組件傳值

vue
清風
470
2021-03-15 12:33:38
欄目: 編程語言

vue父組件如何向子組件傳值

vue父組件向子組件傳值的方法:

vue父組件是通過props向子組件傳值的,示例如下:

1.父組件調用子組件時,綁定動態屬性。

<v-header :title='title' :homemsg='msg'></v-header>

2.在子組件中通過props接收父組件傳過來的數據。

 props: ['title']

         props: {

              'title':String,

         }

3.在子組件中使用。

//home.vue為父組件,header.vue為子組件

//home.vue里面引入子組件header.vue

<script>

    import header from './header'          //1.引入組件

    export default {

         components: {

             'v-header':header          //2.掛載組件

         },

         data () {

             return {

                 title:'111',

                 msg:'我是home組件'

             }

         },

        methods: {

            run(data){

               alert('我是home組件的run方法'+data)

           }

        }

   }

</script>

<template>

       <!-- 所有的內容要被根節點包含起來 -->

       <div>

       <v-header :title='title' :homemsg='msg' :run='run' :home='this'></v-header>         //3.在模板中使用

       </div>

</template>


0
平遥县| 马龙县| 齐齐哈尔市| 牙克石市| 含山县| 晋州市| 克拉玛依市| 张家口市| 晋中市| 城固县| 柳州市| 舒兰市| 宽城| 那曲县| 文成县| 拉萨市| 即墨市| 淳化县| 香河县| 太和县| 通城县| 西昌市| 合阳县| 乐至县| 南充市| 永川市| 罗定市| 美姑县| 饶平县| 汝阳县| 定南县| 来凤县| 东宁县| 子长县| 德令哈市| 凯里市| 灵山县| 桦南县| 娄烦县| 申扎县| 龙海市|