vue access импортированная переменная в шаблоне

Question

Есть ли способ использовать импортированный объект в шаблоне без указания псевдонима / свойства для него в компоненте vue. Т.е. могу ли я как-то использовать переменные, не определенные в "этом"

 <template>
        <div v-if="Store.loaded"></div> //Store not defined on component
        <div v-if="store.loaded"></div> //works
    </template>

    <script>
        import Vue from 'vue'
        import { Component } from 'vue-property-decorator'
        import Store from "../store" // can I somehow use this directly?

        @Component
        export default class App extends Vue {
            store = Store // is there some way so I don't need this line?
        }
    </script>

Answer 1

Могу ли я как-то использовать переменные, не определенные в "этом"

Насколько я знаю, это невозможно.

Однако, глядя на ваш пример, я вижу, что вы пытаетесь получить доступ к свойствам магазина Vuex. Vuex выставляет магазин на каждом экземпляре через this.$storeтак что вы должны быть в состоянии сделать это в своих шаблонах:

<div v-if="$store.state.loaded">

Answer 2

Вы можете использовать плагин, как vuex делает. Но в целом это плохая идея.
Это делает других людей, которые работают с вашим кодом, источником Store поле.