中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
青河县| 漾濞| 分宜县| 海晏县| 正定县| 阿克陶县| 息烽县| 唐山市| 大关县| 铜梁县| 商丘市| 乌兰察布市| 孟村| 余江县| 长阳| 宁城县| 丹江口市| 渭南市| 榆社县| 永定县| 德阳市| 武清区| 赞皇县| 西贡区| 广西| 和静县| 华宁县| 贵阳市| 西平县| 平江县| 蚌埠市| 涞源县| 吴堡县| 三门峡市| 肇东市| 精河县| 耒阳市| 溧阳市| 和平区| 南乐县| 平谷区|