使用Webpack导入Vue组件
使用Webpack导入Vue组件
提问于 2016-02-16 02:53:55
我有一个你好的世界与Webpack Vue应用程序设置，并有初始的应用程序组件工作，并挂载到身体。尽管在这个App组件中，我不知道如何使用更多我制作的组件。
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'在app.vue的main.js和script部分中，然后尝试使用
<top-bar></top-bar>如果没有运气的话。
我想我错过了如何正确注册组件，比如在Vue文档中：
Vue.component('top-bar', TopBar)但我认为，在使用带有vue-loader的webpack时，我需要做一些不同的事情。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35416970
复制相关文章
相似问题
腾讯云开发者
