Рубрики
Vue основы Vue компонент Vue компонент.script

Структура секции Script в компоненте

props
поле похожее на data

Отсек script содержит поле props, которое представляет собой объект или набор ожидаемых переменных из другого компонента выше.

дочерний компонент

<template>
<div title="prop">{{prop}}</div>
</template>

<script>
props:{
  //пропс объявлен не явно (автоматически определяет)
  prop1:['var1'],
  //пропс объявлен явно 
  //с указанием типа (Number,String,Array) и требования
  prop2:{type:ИмяТипа,requerd:boolean},
 }
 function(){
   this.prop
 },
},
</script>

родительский компонент

<template>
//value передаваемое значение пропсу дочернего компонента
<children :prop="value"/>
</template>

:prop
атрибут-пропс компонента children

value
передаваемое значение пропсу дочернего компонента
может быть переменная из хранилища data, так и пропса родительского компонента

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

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