javascript - Cara fail vue.js app.vue dipanggil

Question

Saya baru menggunakan vue.js Saya hanya tahu main.js ialah fail kemasukan dan app.vue ialah komponen utama Mengapa saya mengalih keluar kod lalai eksport dalam app.vue dan mengimport apl daripada '.app' dalam main.js, tetapi halaman boleh Memaparkan kandungan dalam app.vue

konfigurasi 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>

fail utama.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 }
});

Bolehkah fail app.vue diterima tanpa exportmain.js?

Answer 1

Adakah tiada ralat dilaporkan dalam terminal

Answer 2

Tiada apa-apa yang salah dengan ini Vue tidak menetapkan bahawa ia mesti digunakan Jika anda ingin mengetahui sebabnya, bina contoh yang anda tulis dan lihat kod dalam app.js yang dijana untuk mengetahui apa yang sedang berlaku

Answer 3

Peranan vue-loader

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

<template>
Bahasa lalai: html.
Setiap fail .vue boleh mengandungi paling banyak satu <templat>

Tanpa eksport, ia bersamaan dengan komponen dengan hanya pilihan templat

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