使用Lar角和Vue，组件不呈现

Question

我试着用Vue和Laravel上传图片。vue不会给我渲染的。这可能是一件小而愚蠢的事情，但有人想猜猜吗？

resources/assets/js/app.js

Vue.component('image-upload', require('./components/ImageUpload.vue'));

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

resources/assets/js/components/ImageUpload.vue

<template>

    <div>
        <div class="form-group">
                <label for="image">Image</label>
                <input type="file">

                <div class="help-block">
                    Help
                </div>
        </div>


        <div>
            <input type="hidden" name="image_id">
            <img class="image" alt="Current image">

        </div>
    </div>


</template>

resources/views/profile/edit.blade.php

<div class="form-group">
    <image-upload></image-upload>   
</div>

Answer 1

我失踪了

<script src="/js/app.js"></script>

从我的default.blade.php文件。谢谢你的帮助。

Answer 2

我想您没有将div定义为vue元素

将id添加到这样的div中并测试它：

<div id="app" class="form-group">
    <image-upload></image-upload>   
</div>

Answer 3

您是在运行npm run watch或npm run dev来编译资产吗？

如果不是，请遵循Laravel博士。