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

Question

混合/error.js

export default {

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

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

从 './mixins/error' 导入错误

Vue.mixin(错误);

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

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

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

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

它不起作用

标签： laravelvue.js

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>