400-650-7353

精品課程

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

發(fā)布: Web前端培訓(xùn) 發(fā)布時(shí)間:2021-07-19 15:55:34

推薦答案
品牌型號:聯(lián)想 YOGA 14c/系統(tǒng)版本:windows7

也就是props是子組件訪問父組件數(shù)據(jù)的唯一接口。父組件的數(shù)據(jù)需要通過prop才能下發(fā)到子組件中。不能在子組件的模板內(nèi)直接引用父組件的數(shù)據(jù)。

基本用法

  1. <div id="app1"> 
  2.      
  3.     <child :hello='hello'>child> 
  4.   div> 
  5.   <script> 
  6.     var com1 = Vue.component('child',{ 
  7.       // 聲明在prop中的變量可以引用父元素的數(shù)據(jù) 
  8.       props:['hello'], 
  9.       // 這里渲染props中聲明的那個hello 
  10.       template:'<div><p>{{ hello }}p>div>', 
  11.     }) 
  12.   
  13.     var app1 = new Vue ({ 
  14.       el: '#app1', 
  15.       data: { 
  16.         greet: { 
  17.           hello:'hello,', 
  18.           world: 'world', 
  19.         }, 
  20.         message: 'message1', 
  21.       } 
  22.     }) 
  23.   script> 
Vue props用法
其它答案
牛仔很忙2020-06-22 18:56:36

Vue props用法詳解

組件接受的選項(xiàng)之一 props 是 Vue 中非常重要的一個選項(xiàng)。父子組件的關(guān)系可以總結(jié)為:

props down, events up

父組件通過 props 向下傳遞數(shù)據(jù)給子組件;子組件通過 events 給父組件發(fā)送消息。


中公旗下IT培訓(xùn)品牌

  • 中公教育品牌

     中公教育是一家中國領(lǐng)先的全品類職業(yè)教育機(jī)構(gòu),提供超過100個品類的綜合職業(yè)就業(yè)培訓(xùn)服務(wù)。公司在全國超過1000個直營網(wǎng)點(diǎn)展開經(jīng)營,深度覆蓋300多個地級市,并正在快速向數(shù)千個縣城和高校擴(kuò)張。

  • 完善就業(yè)體系

    通過階段性授課機(jī)制,和每階段的定期考核,先讓學(xué)員能夠?qū)W會所學(xué)內(nèi)容,才能找打合適工作。最后一個階段為就業(yè)課程,從技術(shù)和面試兩個方面加深就業(yè)能力,并且還有不定期的雙選會供大家選擇。

  • 全程面授+實(shí)戰(zhàn)技術(shù)

    線下課程全程是師資面對面教學(xué),不會存在上課只對著大屏幕上課的情況,有問題都可以在課上得到解答。并且優(yōu)就業(yè)通過自主研發(fā)大綱和學(xué)習(xí)路線,并且定期更新課程所學(xué)技術(shù),讓大家所學(xué)技術(shù)不落伍。

中公優(yōu)就業(yè)專業(yè)職業(yè)規(guī)劃老師

為您詳細(xì)答疑解惑,更能領(lǐng)取免費(fèi)課程

相關(guān)問題

更多課程

專業(yè)課程老師將第一時(shí)間為您解答

立即答疑
修改
優(yōu)就業(yè):ujiuye

關(guān)注中公優(yōu)就業(yè)官方微信

  • 關(guān)注微信回復(fù)關(guān)鍵詞“大禮包”,領(lǐng)80G學(xué)習(xí)資料