Vue.js Feed — Канал русскоговорящего сообщества

Vue 3.5 alpha.1 - Reactive Props Destructure
#vue_3_5 #changelog

Начали выходить alpha и beta версии нового Vue 🎉

Первое обновление - Reactive Props Destructure теперь доступен без экспериментального флага. Позволяет более красиво описывать значения по умолчанию в SFC Setup + TS.

RFC был спорный и долго горячо обсуждался. При компиляции обращение к переменой превращается в обращение к полю объекта.

Обсуждался ещё с 3.2 и был ранее добавлен под экспериментальным флагом в 3.3.

<script setup lang="ts">
// Before
const props = withDefaults(defineProps<
  foo?: string
>(), {
  foo: 'foo'
})

// After
const { foo = 'foo' } = defineProps<
  foo?: string
>()

// foo <==> props.foo
</script>

- RFC: https://github.com/vuejs/rfcs/discussions/502

👍6👎2🔥2😢1

www.tgoop.com/vuejs_ru_feed/30

920 viewsGrigorii K. Shartsev, Aug 9, 2024 at 08:56

Vue 3.5 alpha.1 - Reactive Props Destructure
#vue_3_5 #changelog

Начали выходить alpha и beta версии нового Vue 🎉

Первое обновление - Reactive Props Destructure теперь доступен без экспериментального флага. Позволяет более красиво описывать значения по умолчанию в SFC Setup + TS.

RFC был спорный и долго горячо обсуждался. При компиляции обращение к переменой превращается в обращение к полю объекта.

Обсуждался ещё с 3.2 и был ранее добавлен под экспериментальным флагом в 3.3.

<script setup lang="ts">
// Before
const props = withDefaults(defineProps<
  foo?: string
>(), {
  foo: 'foo'
})

// After
const { foo = 'foo' } = defineProps<
  foo?: string
>()

// foo <==> props.foo
</script>

BY Vue.js Feed — Канал русскоговорящего сообщества