Vue js在我的laravel 5.5应用程序中不起作用

时间:2018-01-18 08:15:28

标签: laravel-5 vue.js

这是我第一次使用Vue js,我不知道为什么它不起作用。我一直在尝试使用Laravel应用程序中的默认代码。

以下是app.js中的代码:

Vue.component('example-component', require('./components/ExampleComponent.vue'));

这是我在ExampleComponent.vue文件中的代码:

    <template>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="panel panel-default">
                        <div class="panel-heading">Example Component</div>

                        <div class="panel-body">
                            I'm an example component!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

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

以下是我的视图代码:

<div id="app">
<example-component></example-component>
</div>

当我运行npm run看它说成功了。任何帮助,将不胜感激。我真的需要帮助。感谢。

0 个答案:

没有答案