我對 Vue 3 還是很陌生，而且我很難理解組合 API 的一些概念。我正在嘗試將我正在使用的庫從 vue 2 移植到 vue 3，并在父元素中將一個名為的反應性屬性layout傳遞給子組件。
因此，在父組件中，我將layout像這樣回傳給子組件：
setup(props){
const layout = ref({'width': 10, ... })
return {
layout,
...
}
}
問題是，為了從任何子組件訪問width或任何其他反應值，我需要使用語法。這是一個相當大的問題，因為通過整個專案被參考，這意味著我需要在每個參考中添加一個，并對我傳遞給我的子組件的所有其他反應變數執行相同的操作。有什么辦法可以避免這種情況，還是我只是沒有從組合 api 中得到一些重要的概念？layoutlayout.value.widthlayoutlayout.width.valuelayout
uj5u.com熱心網友回復：
至少有兩種方式：
- 是的。您可以在沒有
.value. 你必須使用vue實驗版
或者
- 您可以創建一個
reactive變數，例如：
<script setup>
import { reactive } from 'vue'
const layout = reactive({'width': 10, ... })
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/461553.html
標籤：javascript Vue.js
上一篇：有沒有辦法停止覆寫json檔案？
下一篇：如何在中改變元素的順序？