溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下vue函數式組件的概念是什么的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
vue函數式組件是一個不包含狀態和實例的組件；該組件不支持響應式，并且不能通過this關鍵字引用，用于定義沒有響應數據，也不需要有任何生命周期的場景，只接受一些props來顯示組件。
本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。
Vue 提供了一種稱為函數式組件的組件類型，用來定義那些沒有響應數據，也不需要有任何生命周期的場景，它只接受一些props 來顯示組件。
函數組件(不要與 Vue 的 render 函數混淆)是一個不包含狀態和實例的組件。
簡單的說，就是組件不支持響應式，并且不能通過 this 關鍵字引用自己。
訪問組件屬性
slots: 一個返回 slots 對象的函數
沒有狀態或實例，你可能會好奇如何引用數據或方法，Vue為底層的 render 函數提供一個 context 參數對象。
這個 context 參數對象具有下列屬性：
props: 所有的 props 對象
children: VNode 子節點數組
scopedSlots: (vue2.6.0+) 暴露傳入作用域插槽的對象。將普通插槽作為函數暴露出去
data: 全部的數據對象,作為 createElement 函數的第二個參數傳遞給組件
parent: 對父組件的引用
listeners: (vue2.3.0+) 包含父級注冊的事件偵聽器的對象。也是 data.on 的別名
injections: (v2.3.0+) 如果使用了 inject 選項，則該對象包含了應當被注入的屬性
訪問這個 context 參數非常簡單，例如，我們想使用 props，可以這樣做：
在 Template 中訪問組件的 context
在 render 函數中訪問組件的 context
以上就是“vue函數式組件的概念是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
