Почему так странно работает Vuex?

Question

[Artem0071]

Использую Vuex и element.io.

Есть диалоговое окно.
В нем есть параметр visible, если true, то показывается окно.

<el-dialog
    title="Tips"
    :visible="dialogVisible"
    size="tiny"
    :before-close="handleClose">
    <span>This is a message</span>
    <span slot="footer" class="dialog-footer">
    <el-button @click="handleClose">Cancel</el-button>
    <el-button type="primary" @click="handleClose">Confirm</el-button>
  </span>
  </el-dialog>

Во Vuex есть состояние:

state: {
    visible_settings: false
  },

Пытался передать это состояние таким образом в компоненте:

return this.$store.state.visible_settings

Но это не сработало.
Сработало только когда я создал отдельно getter во vuex:

getVisibleSettings: state => {
      return state.visible_settings;
    }

И соответственно в компоненте:

return this.$store.getters.getVisibleSettings

Почему так вышло? Ведь по сути же это одно и то же. В первом случае и во втором просто отдаю переменную.

Comments

[Evgeny Kulakov]

А что возвращает? Вроде должно работать, в каком месте вот это вызывается:
return this.$store.state.visible_settings

[Artem0071]

Evgeny Kulakov, в компоненте в computed

[Александр Гамов]

На сколько знаю, обращение к state из вне не приветствуется.