Question

我是vue的新手，我正在尝试使用laravel 5.4中的laravel mix了解更多信息，但我在浏览器中遇到了这个错误：

app.js:39 Uncaught ReferenceError: msg is not defined
at Ut.eval (eval at ei (app.js:40), <anonymous>:2:261)
at Ut.t._render (app.js:39)
at Ut.<anonymous> (app.js:39)
at io.get (app.js:40)
at new io (app.js:40)
at Ut.Ct.t._mount (app.js:39)
at Ut.$mount (app.js:41)
at Ut.$mount (app.js:41)
at Ut.Mt.t._init (app.js:39)
at new Ut (app.js:39)

我在我的ressources / assests / js / app.js中定义了我的“msg” 这是我的app.js：

require('./bootstrap');

window.Vue = require('vue');

Vue.component('example', require('./components/Example.vue'));

const app = new Vue({
    el: '#app',
    data: {
        msg: 'a msg'
    }
});

这是我的messages.blade.php

@extends('layouts.app')

@section('content')

<div class="col-md-12">

<div class="col-md-3 left-sidebar" style="background-color:#fff;">
    <h3 align="center">
        <div id="app">@{{msg}}</div>
    </h3>
    <hr>
</div>

</div>
@endsection

我不知道问题出在哪里，因为我刚接触到它，这只是一个简单的应用程序。谢谢你的帮助！

Laravel mix中的Vue错误：Uncaught ReferenceError：msg未定义，但确实如此

0 个答案: