テンプレートにインポートされた変数にアクセスするための変数にアクセスする

Question

インポートされたオブジェクトをテンプレートで使用する方法は、vueコンポーネント内で別名/プロパティを指定することなく行うことができます。私。私は何とかvuexがないようにあなたは、プラグインを使用することができます「この」

<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

に定義されていない変数を使用することができます。しかし、一般的に、それは悪い考えです。
あなたのコードで作業する他の人に、Storeフィールドの出典を質問させます。

Answer 2

私は何とかこれは、私の知る限りは不可能である「この」

に定義されていない変数を使用することができます。

しかし、あなたの例を見ると、Vuexストアのプロパティにアクセスしようとしていることがわかります。あなたのテンプレートでこれを行うことができる必要がありますのでVuexは、this.$storeを経由して、すべてのインスタンスで店舗を公開します。

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