Vue2.0父子組件傳遞函數詳解

小云云
發布: 2018-01-15 17:04:01
原創
2715 人瀏覽過

本文主要介紹了Vue2.0父子組件傳遞函數的教程詳解,需要的朋友可以參考下,希望能幫助到大家。

Vue.js 是什麼

Vue.js (發音 /vjuː/,類似 view) 是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心函式庫只專注於視圖層,它不僅易於上手,還便於與第三方函式庫或既有專案整合。另一方面,當與單一檔案元件和 Vue 生態系統支援的程式庫結合使用時,Vue 也完全能夠為複雜的單頁應用程式提供驅動程式。

學習筆記:在vue2.0中,父元件呼叫子元件時,想要將父元件中的函數體也做傳遞.

1. 透過props :需要從子元件傳參數到父元件時適用

// 父元件.vue

 
登入後複製

// 子元件.vue

 
登入後複製

2. 透過$emit:只要取得目前操作物件時適用

// 父组件.vue  
登入後複製

// 子元件.vue

 
登入後複製

相關推薦:

##vue中的event bus非父子元件通信詳解

react.js 父子元件資料綁定即時通訊實例展示

抽象Vue公用元件詳解

以上是Vue2.0父子組件傳遞函數詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!