Question

我已经跟随了laracast tutorial关于Vue Workflow和Laravel。

所以我有一个main.js：

var Vue =require('vue');

import Tournament from '../components/Tournament.vue';
new Vue({
    el: 'body',
    components: {Tournament},

    ready(){
        alert('Ready To Go');
    }

});

然后我有我的Tournament.vue：

<template>
    I can't see this text on screen

</template>

<script>
    export default  {
        props: ['list'],

    }
</script>

然后，在我的HTML中，我有：

<tournament></tournament>
<script src="/js/tournaments.js"></script>


/js/tournament.js is generated by gulp.

我可以看到警报，所以Vue工作正常。

我看不到的是我的模板。

我从未见过这句话：

     I can't see this text on screen

我还试图用data（）显示动态数据，但没有成功。

知道我忘了什么吗？

Answer 1

var Vue = require('vue');
import Tournament from '../components/Tournament.vue'; 

new Vue({
    el: 'body', 
    components: {template: Tournament}, 
    ready() {
        alert('Ready To Go'); 
    }
});

这有用吗？

Vuejs单一文件组织与Gulp

1 个答案: