javascript - vue.js檔app.vue是如何呼叫的

Question

初學vue.js，只知道main.js是入口文件，app.vue是總元件，為什麼我把app.vue中的export default程式碼去掉，main.js中import app from '.app'，頁面卻可以顯示app.vue中的內容

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>

main.js檔案

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也能接收到嗎

Answer 1

難道終端那裡沒報錯嗎

Answer 2

這沒毛病啊，vue並沒有規定必須使用export default，如果你想要知道原因，build一下你寫的這個例子，看看生成的app.js裡面的程式碼就知道是怎麼回事了

Answer 3

vue-loader 的作用

https://vue-loader.vuejs.org/...

沒有 export 就相當於一個只有 template 選項的元件

Vue.component('my-component', {
  template: '<span>only template</span>'
})