首頁 > web前端 > js教程 > 主體

vue.js如何實作元件的雙向綁定

零到壹度
發布: 2018-04-03 17:50:22
原創
1747 人瀏覽過

這篇文章主要介紹了vue.js如何實現元件的雙向綁定,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧

概述:元件通訊透過props,props預設單向綁定(父->子),除了發布訂閱事件,另一個通訊的方法雙向綁定(父->子,子->父)

1.用.sync(同步)修飾符

.對要雙向綁定的屬性用.sync(同步)修飾符

.用.$emit發布一個update的事件

.本質是一個包裝過的語法糖



2.用v-model,更方便

 .props接收,用value(

固定,可以自訂

)來接受v-model的值  .emit發布一個自己觸發input(

固定,可以自訂

)的事件  .

本質是一個包裝好的語法糖




#相關推薦:

# ######Vue 元件實作表單的雙向綁定###################vue父元件和子元件透過sync實作雙向資料綁定####### ############深入瞭解vue雙向資料綁定原理及實作##########

以上是vue.js如何實作元件的雙向綁定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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