有沒有辦法在同一個 Vue 單檔案組件（SFC）中訪問 Option API 的資料、計算屬性、Composition API 中的方法和 Composition API 的資料、Option API 中的計算屬性和方法
uj5u.com熱心網友回復：
同一組件中的組合 API 到選項 API
正如@tauzN 回答的那樣，您可以從組合 API 中的設定中回傳任何內容并在選項 API 中使用。有關代碼示例，請參閱@tauzN 的答案
同一組件中的選項 API 到組合 API
正如 Vue js 官方檔案所建議的那樣，
請注意，Composition API 的 setup() 掛鉤在任何 Options API 掛鉤之前被呼叫，甚至 beforeCreate()。關聯
所以我們無法從Composition API 到Option API 訪問資料、計算屬性或方法。
uj5u.com熱心網友回復：
您可以從 Composition API 中回傳任何內容setup并在 Options API 中使用。操場
<script>
import { ref } from 'vue'
export default {
setup() {
const compositionRef = ref("Composition")
return {
compositionRef
}
},
data () {
return {
optionsRef: "Options"
}
},
computed: {
inOptionsFromComposition () {
return this.compositionRef
}
}
}
</script>
<template>
<h1>{{ compositionRef }}</h1>
<h1>{{ optionsRef }}</h1>
<h1>{{ inOptionsFromComposition }}</h1>
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/457863.html
標籤：Vue.js