<!DOCTYPE html>
<html>
<div id="app">
<p>{{ message }}</p>
<p>{{ reversedMessage }}</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const { ref, computed } = Vue
const app = Vue.createApp({
setup(){
const message = ref('Hello, Java无难事!')
const reversedMessage = computed(() => message.value.split('').reverse().join('')
)
return {
message,
reversedMessage
}
}
}).mount('#app')
</script>
</html>
console的Vue里
setup
message: "Hello, Java无难事!"(Ref)
"reversedMessage":"!事难无avaJ ,olleH"(computed)