面試的時候，也算是常考的一道題目了，而且，在日常的開發中，對于組件的封裝，尤其是在 ui組件庫中，會用到很多，下面，就來詳細的了解下，通過這篇文章的學習，可以提升項目中組件封裝的靈活性，可維護性，話不多說，先從大致的通信方式分類說起，然后依次非常詳細地介紹，看完整篇文章，你能大致熟悉vue中的各種組件通信機制，然后就能夠封裝更加高階的組件啦!

通信目錄

• props
• $emit
• $attrs & $listeners
• provide & inject
• vuex
• eventBus
• $refs
• slot-scope & v-slot
• scopedSlots
• $parent & $children & $root

1.props

• 基本使用

props是父組件傳子組件的傳參方式，可以看到父組件中傳入了一個parentCount變

總結

以上是生活随笔為你收集整理的vue获取div中的值_一篇文章看懂Vue.js的11种传值通信方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。