Рубрики
Vue компонент.script.data

data в компоненте

создание функции внутри default
пример data

  • Свойство data в компоненте всегда должна быть функцией, которая возвращает объект.

функция data возвращает объект
внутри возвращаемого объекта описываются все поля или модели

Интерполяция
синтаксис
{{Модель}}

  • встраивание поля в шаблон и
    регистрация поля data в компонент
    src\App.vue
<template>
<div>
<div>Кол-во лайков: <strong>{{ likes }}</strong></div>
<div>Кол-во дизлайков: <strong>{{ deslikes }}</strong></div>
</div>
</template>

<script>
export default{

data(){
return {likes: 0,dislikes: 5}
}
}
</script>

<style>
</style>
data в компоненте во Vue.js
Vue.js

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *