这是我第一次使用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看它说成功了。任何帮助,将不胜感激。我真的需要帮助。感谢。