Как я могу отобразить vuejs Mixin данных в пользовательском интерфейсе в laravel

Question

mixin / error. js

export default {

    data(){
        return{
            text:"This is a text from the mixin",
        }
    },
};

я импортировал миксин глобально в мое приложение. js как

ошибка импорта из './ mixins / error '

Vue .mixin (ошибка);

В моем компоненте входа в систему. vue, если я пытаюсь отобразить данные миксина в методе, он работает нормально ... вот так

showMixinData(){
    alert(this.text);
}

но когда я пытаюсь отобразить его в теге шаблона следующим образом

<template>
   <div>
      <h1> {{ this.text }} </h1>
   </div>
</template>

, он не работает

Answer 1

Это работает как ожидалось:

Vue.mixin({
    data() {
        return{
            text:"This is a text from the mixin"
        }
    }
})
Vue.component('alert', {template:'<div><b>{{text}}</b></div>'})
new Vue().$mount('div')

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div><alert></alert><div>{{text}}</div></div>