組件（Component）是 Vue.js 最強(qiáng)大的功能。組件可以封裝可重用的代碼，通過傳入對(duì)象的不同，實(shí)現(xiàn)組件的復(fù)用，但組件傳值就成為一個(gè)需要解決的問題。

清豐網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,清豐網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為清豐數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的清豐做網(wǎng)站的公司定做！

1.父組件向子組件傳值

組件實(shí)例的作用域是孤立的。這意味著不能在子組件的模板內(nèi)直接引用父組件的數(shù)據(jù)。要讓子組件使用父組件的數(shù)據(jù)，我們需要通過子組件的props選項(xiàng)。

子組件：

子組件需要從父組件獲取 logo 的值，就需要使用 props: [‘logo']

父組件：

2.子組件向父組件傳值

子組件主要通過事件傳遞數(shù)據(jù)給父組件。

子組件：

其中 transferUser 是一個(gè)自定義的事件，this.username 將通過這個(gè)事件傳遞給父組件 。

父組件：

getUser 方法中的參數(shù) msg 就是從子組件傳遞過來(lái)的參數(shù) username

3.路由傳值

使用時(shí)，在生命周期created賦值。

4.通過localStorage或者sessionStorage來(lái)存儲(chǔ)數(shù)據(jù)

5.Vuex

在應(yīng)用復(fù)雜時(shí)，推薦使用vue官網(wǎng)推薦的vuex。

https://vuex.vuejs.org/zh-cn/getting-started.html