使用 "computed()" 合并三者即可:
import { ref, computed } from 'vue'
const province = ref('')
const city = ref('')
const district = ref('')
const address = computed(()=> [province.value, city.value, district.value].join(' '))
实例:"playground" (https://link.segmentfault.com/?enc=AdYAK8RdZqqACpcwIVKA7w%3D%3D.TfsniY3gUKfT%2B6y91jgqwNY5DriGJ41ej%2FGWz0IaDFnMqw13aW0TsIZ6GGAl8SkK30OTBFYGVSRHql2oDmncBjb4PHJsuBF8YkCSdraP2o6mABz8OOOEL4JdWFso%2B3VGpw%2Bsxj1jGrzwzPLAEtWjnr3vINmO1NoKoZFA7EAK8izLoAgtGB6S6Y8cxoAnMdoosMRH%2F%2FXayhS4qHeVyjjYgUtViLSnO9MFaHWsSCNvc8f9e8UeVUWZC7bbE0TB9HHcK6XpFHpFZkGyerwdYH2QDzsd6gVCdPqTu7G9LDYW%2BfD4z7wPLfyv6fEMl%2F7dj5299y7cudcpgSGg0dO6V2JqCKzE0r27BYA1e7r7C7OvHsJJmDFQbgdqNNgimMbHv0OuKYVi%2FkwoemSGX5mgulLf3KECiRiBnSOP73HIhepAO76KR1Ib4XcOsvYJFcR5F1VdSdVtN%2Bc9dKlKeD3g5toDO8amyyxPa3%2BtkOHX%2FgdcyjYTQRPTnyRnuoPAwS9KBa3VxAS%2FsAFMr8lxEi3nvk%2B9L0ATab6H2NggNZ0k1sG09%2B7G7wPTyivQhshggjmTvkcz2L6WKTUrMQgPK3p9RpWroaAVbCqR13XsJSVkcM47iZEPwEL4hulOmpLzy%2FB6SOhj966FK6yiBROthnWBZDZ0DQLib6fH%2FWKpeYBui7e%2FnLcbZ9YKLt2zQXN911Dv%2B60zDZLruhUMvGeHgmQ%2F5MaGJSkToCswTmCunWgLJJis2z3qbtNuEMiZimOfMObqZzh1I0ilAzS6CMHCBL9ywRhvlg%3D%3D)