如何在laravel的ui中显示vuejs mixin数据

mixin/error.js

export default {

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

我在app.js中全局导入了mixin作为

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

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

从“./mixins/error”导入错误

Vue.mixin（错误）

在我的login.vue组件中，如果我尝试在一个方法中显示mixin数据，它可以正常工作。。。像这样

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

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

但是当我尝试像这样在模板标记中显示它时

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

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

{{this.text}}

---

它不起作用

这按预期工作：

Vue.mixin({
数据（）{
返回{
text:“这是来自mixin的文本”
}
}
})
组件（'alert'，{template:'{{text}}}）
新建Vue（）.$mount（'div'）

{{text}}

text变量在运行时显示在调试器中，但在vue组件中，如果执行此操作。text或text，则会出现错误……但它是一个方法如果显示此。text，则会正常工作