IT問答中心

Web前端基礎知識

Vue props用法 Vue props怎么用，具體代碼示例

發布： Web前端培訓發布時間：2021-07-19 15:55:34

推薦答案

品牌型號：聯想 YOGA 14c/系統版本：windows7

也就是props是子組件訪問父組件數據的唯一接口。父組件的數據需要通過prop才能下發到子組件中。不能在子組件的模板內直接引用父組件的數據。

基本用法

<div id="app1">



    <child :hello='hello'>child>

  div>

  <script>

    var com1 = Vue.component('child',{

      // 聲明在prop中的變量可以引用父元素的數據

      props:['hello'],

      // 這里渲染props中聲明的那個hello

      template:'<div><p>{{ hello }}p>div>',

    })



    var app1 = new Vue ({

      el: '#app1',

      data: {

        greet: {

          hello:'hello,',

          world: 'world',

        },

        message: 'message1',

      }

    })

  script>

其它答案

牛仔很忙2020-06-22 18:56:36

Vue props用法詳解

組件接受的選項之一 props 是 Vue 中非常重要的一個選項。父子組件的關系可以總結為：

props down, events up

父組件通過 props 向下傳遞數據給子組件;子組件通過 events 給父組件發送消息。

上一篇：ip地址怎么查詢

下一篇：本機ip地址在哪里查看

中公旗下IT培訓品牌

中公教育品牌

　中公教育是一家中國領先的全品類職業教育機構，提供超過100個品類的綜合職業就業培訓服務。公司在全國超過1000個直營網點展開經營，深度覆蓋300多個地級市，并正在快速向數千個縣城和高校擴張。
完善就業體系

通過階段性授課機制，和每階段的定期考核，先讓學員能夠學會所學內容，才能找打合適工作。最后一個階段為就業課程，從技術和面試兩個方面加深就業能力，并且還有不定期的雙選會供大家選擇。
全程面授+實戰技術

線下課程全程是師資面對面教學，不會存在上課只對著大屏幕上課的情況，有問題都可以在課上得到解答。并且優就業通過自主研發大綱和學習路線，并且定期更新課程所學技術，讓大家所學技術不落伍。

中公優就業專業職業規劃老師

為您詳細答疑解惑，更能領取免費課程

點擊立即咨詢

实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

IT培訓

關注我們

熱門課程更多 >

關注我們

中公教育 IT 培訓品牌

專注于職業教育的A股上市公司

證券代碼：002607

首頁

師資團隊

教學服務

教學環境

選課中心

學習路線

IT問答中心

推薦答案

其它答案

中公旗下IT培訓品牌

中公教育品牌

完善就業體系

全程面授+實戰技術

中公優就業專業職業規劃老師

相關問題

更多課程

優就業：ujiuye

IT培訓

關注我們

熱門課程 更多 >

關注我們

IT問答中心

推薦答案

其它答案

中公旗下IT培訓品牌

中公教育品牌

完善就業體系

全程面授+實戰技術

中公優就業專業職業規劃老師

相關問題

更多課程

優就業：ujiuye

熱門課程更多 >