這篇文章主要講解了如何實(shí)現(xiàn)Vue的props父?jìng)髯樱瑑?nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

在永濟(jì)等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站策劃,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),成都全網(wǎng)營(yíng)銷(xiāo)推廣,成都外貿(mào)網(wǎng)站制作,永濟(jì)網(wǎng)站建設(shè)費(fèi)用合理。

廢話不多少，父?jìng)髯幼鲆粋€(gè)比喻

首頁(yè)想加一個(gè)圖片，但又不想每次都用img而且又讓img做css和動(dòng)畫(huà)事件。此時(shí)最簡(jiǎn)單的方法做一個(gè)頁(yè)面封裝，然后起一個(gè)名字讓首頁(yè)自己獲取，放一個(gè)地址就行！其他什么都不用管。

步驟如下:

第一步:創(chuàng)建一個(gè)組件，相當(dāng)于創(chuàng)意文件夾，專(zhuān)門(mén)存小東西以后經(jīng)常用

<template>
  <div>
    <img src="./xxx.xx" alt="">
  </div>
</template>

<script>
  export default{
    data(){
      return{}
    }
  }
</script>

第二步:在首頁(yè)這邊引入該頁(yè)面

<script>
  import Images from "../../../components/imgs.vue"
  export default{
    data(){
      return{}
    },
    components:{
      "xImage":Images
    }
  }
</script>

第三步:把xImage放在HTML里

<template>
    <xImage :xxoo="imgs1"></xImage>
</template>

第四步:開(kāi)始父?jìng)髯樱腥瞬恢勒l(shuí)是父誰(shuí)是子。能在HTML瞎起名的就是父，import入進(jìn)來(lái)的肯定就是子了

:xxoo : 瞎起名的信號(hào)燈，用來(lái)告訴子頁(yè)面，土豆土豆我是地瓜

imgs1 : 這就是信號(hào)燈準(zhǔn)備發(fā)射出去的東西

<template>
    <xImage :xxoo="imgs1"></xImage>
</template>

export default{
    data(){
      return{
        imgs1:"/upload/otherpic63/2196.html"
      }
    },
    components:{
      "xImage":Images
    }
}

第五步:

在子頁(yè)面接收剛才信號(hào)燈發(fā)過(guò)來(lái)的東西，有人以為直接把imgs1放進(jìn)去就行了，大錯(cuò)特錯(cuò)哦?。。?！
他接受的不是數(shù)據(jù)，而是我說(shuō)的信號(hào)燈
所以用props接收這個(gè)信號(hào)燈，然后把信號(hào)燈做一個(gè)要求，我只要這樣品質(zhì)的土豆！其他的我不要

<template>
    <img :src="xxoo" alt="">
</template>

<script>
  export default{
    data(){ ... },
    props:{
      xxoo:String
    }
  }
</script>

以下就是土豆有幾種類(lèi)型

• String : 普通的 'xxxxx'
• Number : 只要 123456789
• Boolean: 只要true 或者 false
• Array:單個(gè)的變量?jī)?chǔ)多個(gè)值 [1,2,3]
• Object:對(duì)象{a:1,b:2}

看完上述內(nèi)容，是不是對(duì)如何實(shí)現(xiàn)Vue的props父?jìng)髯佑羞M(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱(chēng)：如何實(shí)現(xiàn)Vue的props父?jìng)髯?/a>
文章路徑：http://www.rwnh.cn/article10/jipigo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站排名、定制開(kāi)發(fā)、網(wǎng)站營(yíng)銷(xiāo)、品牌網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)