vue.js - vue访问模板中导入的变量

Question

有没有办法在模板中使用导入的对象，而无需在 vue 组件中为其指定别名/属性。 IE。我能以某种方式使用未在“this”上定义的变量吗

 <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

Can I somehow use variables not defined on "this"

据我所知，这是不可能的。

但是，查看您的示例，我可以看出您正在尝试访问 Vuex 存储的属性。 Vuex 通过 this.$store 在每个实例上公开商店，因此您应该能够在模板中执行此操作:

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