如何解决在 vue js 和 laravel 中获取 Failed to resolve component : {{ current View }}？

Question

我遵循了 Jeffrey Way 在 laracast 的 vuejs 教程的所有步骤，但在从 app.js 数据调用 app.blade.php 中的 currentView 时，我仍然无法解析组件。但是，当我明确调用结帐视图页面（组件 is="checkout-view"）时，它工作正常。我想用 currentView 引用 checkout-view，我该如何解决这个问题？以下是我的代码：

app.blade.php

<body class="container">

<div id="app">

    <component is="@{{currentView}}"></component>

</div>


<script type="text/javascript" src="/js/app.js"></script>
</body>
</html>

app.js

var Vue = require('vue');

new Vue({

    el: '#app',

    data:{

        currentView: 'checkout-view'

    },

    components: {

        'checkout-view' : require('./views/checkout')

    }

});

checkout.js

module.exports = {

    template: require('./checkout.template.html'),

    components: {

        coupon: require('../components/Coupon.js')

    }

}

Answer 1

您忘记了 is

之前的 :

<div id="app">

    <component :is="@{{currentView}}"></component>

</div>

如何解决在 vue js 和 laravel 中获取 Failed to resolve component : {{ current View }}？

How to resolve getting Failed to resolve component : {{ currentView }} in vues js and laravel?

vue.js

laravel-5

laravel-5.1