2、vue學習--父元素如何獲取子元素的值，子元素如何獲取父元素的值

 

下圖是父元素：

下圖是子元素，獲取父元素的值，使用props定義屬性，這樣就能夠獲取到父元素上傳過來的set 、place、type，拿到值就能夠作一些本身的邏輯處理

2、子元素給父元素傳值？

下圖爲子元素將值傳遞出去的方式，使用emit將值公佈給父元素，見下圖：

父元素須要接受子元素給的值，在父元素中相應的要有propMethods屬性，這個屬性可使用v-on的方式綁定，也可使用@propMethods的方式，見下圖：

上圖中的login是處理事件，這裏點擊按鈕時須要子元素來觸發事件，因此須要父元素根據子元素傳過來的的屬性來作一些邏輯處理，下圖就是父元素login事件的處理邏輯寫在login.vue裏