91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

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
鸡西市| 兴文县| 奉节县| 商洛市| 康乐县| 武宁县| 甘德县| 龙门县| 育儿| 万州区| 阳原县| 潮州市| 河西区| 安化县| 丹凤县| 陵水| 分宜县| 临颍县| 天等县| 嵩明县| 湛江市| 株洲市| 崇阳县| 泗洪县| 瓦房店市| 任丘市| 陇南市| 龙门县| 如东县| 高尔夫| 灵川县| 塘沽区| 无棣县| 连南| 虹口区| 仁布县| 宁蒗| 义乌市| 剑阁县| 蓝田县| 乌兰察布市|