javascript - Cara fail vue.js app.vue dipanggil
过去多啦不再A梦
过去多啦不再A梦 2017-06-12 09:28:39
0
3
785

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?

过去多啦不再A梦
过去多啦不再A梦

membalas semua(3)
刘奇

Adakah tiada ralat dilaporkan dalam terminal

世界只因有你

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

習慣沉默

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>'
})
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan