Какая область видимости в шаблоне VueJS в template?

Question

[Игорь Силаков]

Такой вопрос.
У меня в .vue шаблоне:
в script:

const PANELS = {
        PANEL_0: 1,
        PANEL_1: 2,
        PANEL_2: 3,
        PANEL_3: 4,
    };

В хочу обратиться к PANELS:
Например так:
<div v-if="currentPanel == PANELS.PANEL_0">
или так:

<button type="button" class="btn btn-default" v-on:click="showPanel(PANELS.PANEL_1)">

Получаю undefined.
В data все норм:

data(){
  return{
    currentPanel: PANELS.PANEL_0,
  }
}

Как определить PANELS для template?

Answer 1

[Дамир Рысаев]

В vue.js в template видит все данные которые есть в data

Нужно прописать PANELS в data

data () { 
  return {
    currentPanel: PANELS.PANEL_0,
    PANELS
  }
}

Comments

[Игорь Силаков]

Спасибо, понял! А template видит только данные из data и больше из ниоткуда?

[Дамир Рысаев]

Игорь Силаков: Нет, он видит все данные которые есть в экземпляре vue.
К примеру он может видеть props, vuejs.org/v2/guide/components.html#Props

[Дамир Рысаев]

Константин Китманов: глобальный скоуп, это ты про window? window там не видит.