Код IT
← Каталог

Vue.js — Однофайловые компоненты

Фрагмент из «Vue.js»: Однофайловые компоненты.

vue javascriptencyclopedia3-ecosystem-2-frontend-frameworks-2-vue-28 embed URL статья в энциклопедии
Vue main.vue 
<script setup>

import { ref, computed } from 'vue'
import UserProfile from './UserProfile.vue'

const name = ref('Тимур')
const greeting = computed(() => `Привет, ${name.value}!`)
</script>

<template>
  <div>
    <input v-model="name" />
    <p>{{ greeting }}</p>
    <UserProfile :name="name" />
  </div>
</template>
<script setup>

import { ref, computed } from 'vue'
import UserProfile from './UserProfile.vue'

const name = ref('Тимур')
const greeting = computed(() => `Привет, ${name.value}!`)
</script>

<template>
  <div>
    <input v-model="name" />
    <p>{{ greeting }}</p>
    <UserProfile :name="name" />
  </div>
</template>