Template without ref unwrapping #574

kaikaibenkai · 2023-12-04T17:41:22Z

kaikaibenkai
Dec 4, 2023

For a more concise syntax or smoother transition from Vue 2, Vue 3 will automatically unwrapping refs in <template>.
This is like a "syntax exception". Without TS, it would increase the mental burden on developers and be like a mandatory Reactivity Transform.
Although the drawbacks of responsive conversion no longer exist in templates, it is still an exception.

Expected:

<script setup lang="ts">
import { ref } from 'vue'
const count = ref(0)
</script>
<template>
  <h1>Count: {{ count.value }}</h1>
  <button @click="++count.value">Click Me</button>
</template>

link vuejs/rfcs#608

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Template without ref unwrapping #574

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

Template without ref unwrapping #574

Uh oh!

kaikaibenkai Dec 4, 2023

Replies: 0 comments

kaikaibenkai
Dec 4, 2023