我有一個組件,我在其中定義了一個反應變數,我想在匯入的函式中使用它。操場上提供了一個簡單的代碼示例
App.vue
<script setup>
import { change } from './lib.js'
import { ref } from 'vue'
const msg = ref('one')
change()
</script>
<template>
<h1>{{ msg }}</h1>
</template>
lib.js
export const change = () => msg.value = 'two'
上面的代碼當然行不通,因為change()不知道msg。Msg另一方面,不能作為<setup script>唯一變數匯出。
我的問題:我應該如何宣告msg以便可以從匯出的函式中參考它?或者,是否可以在中宣告一個反應變數lib.js?
uj5u.com熱心網友回復:
您可以像這樣將msg作為引數傳遞給您的change方法
lib.js
export const change = (msg) => msg.value = 'two'
并在你的檔案中使用它
App.vue
const msg = ref('one')
change(msg)
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/465375.html
