我有一个hello world Vue应用程序设置和网页包,并有初始应用程序组件的工作和安装到身体.虽然在那个应用程序组件中,我不知道如何使用我制作的更多组件.
main.js
import Vue from 'vue'
import App from './app.vue'
new Vue({
el: 'body',
components: { App }
})
app.vue
<template>
<div class="message">{{ message }}</div>
</template>
<script>
export default {
data () {
return {
message: 'Hello World'
}
}
}
</script>
我试过了
import TopBar from './top-bar.vue'
在这两个主要方面.js和应用程序的脚本部分.vue然后try 使用
<top-bar></top-bar>
没有运气.
我想我缺少正确注册组件的方法,比如在Vue文档中:
Vue.component('top-bar', TopBar)
但我认为,当使用带有vue loader的webpack时,我需要做一些不同的事情.