Всем доброй ночи! Может кто сможет мне помочь, был бы очень благодарен.
В компоненте возникает ошибка, точнее странное поведение.
Написал два простых компонента, в первом получаю список card’s объектов, у каждого объекта есть countdown (взял готовый «vuejs-countdown») для примера такой кусок кода

….
export default {
 components: { Countdown },
 data: () => ({
   items: []
 }),
 created () {
   axios.get('/api/items’)
     .then(response => {
       this.items = response.data
     })
 }
}
….
и уже позже отрисовываю в
<v-card class="ma-3" v-for="item in items" :key="item.id»>
…
внутри есть компонент
<Countdown :deadline="item.end_time"></Countdown>
</v-card>
где end_time == "2017-12-01T02:27:44+03:00"
Вроде все нормально работает, в каждом card работает таймер.
Но при реализации второго компонента, который является detail page тех объектов которые были в первом компоненте, т.е общая информация об объекте (title, description и т.п.). Так вот там тоже присутсвует <Countdown :deadline="item.end_time"></Countdown> и он просто не работает, хотя время end_time  такого же формата, в {{item. end_time}} отображает нормально, а если передать в :deadline="item.end_time" , то время показывается как NaN NaN NaN NaN.

<script>
import Countdown from 'vuejs-countdown'
import axios from 'axios'
export default {
 components: { Countdown },
 data: () => ({
   item: {},
   created () {
   axios.get('/api/items/‘ + this.$route.params.id)
     .then(response => {
       this.item = response.data
     })
 }
}
</script>

Может ли created hook воздействовать как-то на контекст?