/
Da11oS
/
vue_examples
Обзор
Документация
Войти
/
Da11oS
/
vue_examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/props/ObjectConsumer.vue
40 строк
904 B
Da11oS
feat: Composition
17 июл 2025, 00:36
17 июл 2025, 00:36
92da94f
Код
Авторство
О чём код?
<script setup> import {computed, defineProps, onMounted, ref, watch} from 'vue' import NestedInject from './NestedInject.vue'; const props = defineProps({ car: { type: Object }, carNumber: Number }); const emits = defineEmits({'update:car-number': (ev) => { return ev > 1000 }}); const localCardNumber = ref(props.carNumber); onMounted(()=> { localCardNumber.value = props.carNumber }) watch(localCardNumber, (newVal) => { // ignore emits('update:car-number', newVal); }) const numberFixed = computed(() => { return props.carNumber; }) </script> <template> <div> <div> Производитель {{ car.make }} <br/> Модель {{ car.make }}<br/> Год выпуска {{ car.year }}<br/> </div> <input placeholder="Номер машины" v-model.number="localCardNumber"/> </div> <NestedInject></NestedInject> </template>