Почему ошибка в template?

Question

[danilr]

Vue.component('Pict',{
  props: {
    order: String
  },
  computed: {
    picture(){
      return gallery.find(item => item.order === this.order);
    }
  },
  mounted(){
    console.log(this.picture)
  },
  template: `<div class="galery-img-wrapper">
                      <div class="gallery-img" :style="{background: \`url(img/gallery/${picture.img}\`}"></div>
                  </div>`
})

Почему он говорит что Uncaught ReferenceError: picture is not defined в строке с темплейт,
а если её убрать оттуда, то всё ок и выводит в консоль picture?

Answer 1

[Kovalsky]

https://tuhub.ru/posts/rabota-s-shablonami-v-vue-js-2