Question

我在laracast上遵循了Jeffrey way的vuejs教程的所有步骤，但是当我从app.js数据中调用app.blade.php中的currentView时，我仍然无法解析组件。但是当我明确地调用checkout-view页面（component 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>

如何解决获取无法解决组件：{{currentView}}在vues js和laravel？

1 个答案: