Vue.jsウィンドウプロパティを持つ奇妙なもの

Question

私はvue.js 2.0アプリケーションを初期化するときにwindow.Userオブジェクトを作成します。

これはすべてうまくいきます。その後、いくつかのコンポーネントでは、私は私の テンプレートでそれを使用しています：

v-if="this.User.role == 2" 

をので、いくつかのコンポーネントのこれが働いていると一部ではない-_-（Cannot read property 'role' of undefined）で。どのようにそれは可能ですか？これがうまくいかないコンポーネントでは、私はこれを試しました：

created() { 
    alert(window.User.role); 
} 

正しい結果が表示されます！しかし、テンプレートでは機能しません。ここで何が起こっているのだろうか。非常に非常にイライラすること。

私 bootstrap.jsで

：Userはあなたがすべてでにアクセスしたいグローバル変数のように機能している場合は

Vue.component('corporations',   require('./components/corporation/Corporations.vue')); 

Answer 1

：私はすべてのコンポーネントを同じように登録

window.User = Laravel.user; 

コンポーネントを非アクティブにしたい場合は、それをルートVueのデータに追加し、他の場所でthis.$root.Userと参照してください。

mixinを使用して、を宣言して、mixinを使用するすべてのコンポーネントで使用できるようにすることもできます。このように：

var mixin = { 
    computed: { 
     User: function() { return window.User; } 
    } 
} 

ミックスインは、おそらくより良いルートです。