首頁 > web前端 > Vue.js > vue.js元件如何父傳子

vue.js元件如何父傳子

coldplay.xixi
發布: 2020-11-17 15:29:34
原創
2177 人瀏覽過

vue.js元件實作父傳子的方法:首先子元件在props中建立一個屬性,用以接收父元件傳過來的值;然後父元件中註冊子元件,並在子元件標籤中加入子元件props中所建立的屬性;最後把需要傳給子元件的值賦給該屬性。

vue.js元件如何父傳子

【相關文章推薦:vue.js

vue.js元件實現父傳子的方法:

1、建立子元件,在src/components/資料夾下新建一個Child.vue

2、Child.vue的中建立props,然後建立一個名為message的屬性

vue.js元件如何父傳子

3、在App.vue中註冊Child元件,並在template中加入child標籤,標籤中加入message屬性並賦值

vue.js元件如何父傳子

4、儲存修改的文件,查看瀏覽器

vue.js元件如何父傳子

#5、我們依然可以對message的值進行v -bind動態綁定

vue.js元件如何父傳子

此時瀏覽器中

vue.js元件如何父傳子

相關免費學習推薦:javascript(影片)

#

以上是vue.js元件如何父傳子的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板