Question

我正在使用Laravel 5.4并尝试实现vue.js.我创建了一个这样的组件：

    <template>
     <li>This is a list item</li>
   </template>

<script>
    export default {
        ready() {
            console.log('Component ready.')
        }
    }
</script>

并将其保存为Chat.vue文件夹中的components。

然后在app.js：

Vue.component('chat', require('./components/Chat.vue'));

const app = new Vue({
    el: '#app'
});

尝试在视图中使用它：

<div id="app">

<chat></chat>

</div>

但是我没有得到预期的观点。我应该得到一个<li>但是没有.BLANK !!! 不要在控制台中收到任何消息。我已经通过互联网搜索了最近三个小时来获得解决方案。我已经清除了我的缓存并禁用了chrome中的缓存。什么也没发生。我也试过火狐但没有运气。

另一个问题是我从components文件夹中删除了Example.vue。但是当我在我的视图中使用<example>时，它仍在使用。

Laravel Vue组件无法正常工作

0 个答案: