Vue提供了兩種不同的存儲(chǔ)變量：props和data。

成都創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋成都酒店設(shè)計(jì)等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身建設(shè)品質(zhì)網(wǎng)站。

這些方法一開(kāi)始可能會(huì)讓人感到困惑，因?yàn)樗鼈冏龅氖虑楹芟嗨疲乙膊磺宄埠螘r(shí)使用props，何時(shí)使用data。

那么props和data有什么區(qū)別呢？

data是每個(gè)組件的私有內(nèi)存，可以在其中存儲(chǔ)需要的任何變量。props是將數(shù)據(jù)從父組件傳遞到子組件的方式。

在本文中，我們將學(xué)習(xí)到：

• 什么是props，為什么這些數(shù)據(jù)只向下流動(dòng)，而不是向上
• data 選項(xiàng)的用途
• 響應(yīng)式是什么
• 如何避免 props 和 data 之間的命名沖突
• 如何將 props 和 data 結(jié)合使用

什么是 props

在Vue中，props(或properties)是我們將數(shù)據(jù)從父組件向下傳遞到其子組件的方式。

當(dāng)我們使用組件構(gòu)建應(yīng)用程序時(shí)，最終會(huì)構(gòu)建一個(gè)稱為樹(shù)的數(shù)據(jù)結(jié)構(gòu)。 類似于家譜，具有：

• 父母
• 孩子
• 祖先
• 子孫

數(shù)據(jù)從根組件(位于最頂端的組件)沿著樹(shù)向下流動(dòng)。就像基因是如何代代相傳的一樣，父組件也會(huì)將自己的props傳給了他們的孩子。

在Vue中，我們?cè)诖a的