您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關vue.js組件實現父傳子的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
vue.js組件實現父傳子的方法:首先子組件在props中創建一個屬性,用以接收父組件傳過來的值;然后父組件中注冊子組件,并在子組件標簽中添加子組件props中創建的屬性;最后把需要傳給子組件的值賦給該屬性。
vue.js組件實現父傳子的方法:
1、創建子組件,在src/components/文件夾下新建一個Child.vue
2、Child.vue的中創建props,然后創建一個名為message的屬性
3、在App.vue中注冊Child組件,并在template中加入child標簽,標簽中添加message屬性并賦值
4、保存修改的文件,查看瀏覽器
5、我們依然可以對message的值進行v-bind動態綁定
此時瀏覽器中
關于vue.js組件實現父傳子的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。