初学vue.js,只知道main.js是入口文件,app.vue是总组件,为什么我把app.vue中的export default代码去掉,main.js中import app from '.app',页面却可以显示app.vue中的内容
<template>
<p id="app">
<p class='header'>
I am header!
</p>
<p class='tab'>
I am tab
</p>
<p class='content'>
I am content
</p>
</p>
</template>
<script>
</script>
<style>
</style>
import Vue from 'vue';
import App from './App';
Vue.config.productionTip = false;
/* eslint-disable no-new */
new Vue({
el: '#app',
template: '<App/>',
components: { App }
});
app.vue文件不需要exportmain.js也能接收到吗
难道终端那里没报错吗
这没毛病啊,vue并没有规定必须使用
export default
,如果你想要知道原因,build一下你写的这个例子,看看生成的app.js里面的代码就知道是怎么回事了vue-loader 的作用
https://vue-loader.vuejs.org/...
没有 export 就相当于一个只有 template 选项的组件