鍍金池/ 問答/HTML/ import App from './App'; 的具體含義。

import App from './App'; 的具體含義。

在一個(gè)Vue項(xiàng)目中，
main.js:

import Vue from 'vue';
import App from './App';
import router from './router';

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
});

App.vue:

<template>
  <div id="app-container">
    <router-view></router-view>
  </div>
</template>

<script>


export default {
  name: 'app'
}
</script>

<style>

</style>

我想問下，在main.js中，import App from './App';到底是導(dǎo)入了什么？

是不是導(dǎo)入了整個(gè)App.vue（也就是說包括App.vue的：template, script, style）?

回答
編輯回答
我不懂

import App from './App'; 實(shí)際上是
import App from './App.vue';
注意只有在webpack下并且配置了vue-loader才能import vue格式的文件，詳見文檔

2017年5月8日 07:43
編輯回答
旖襯

是的?？梢钥吹揭胫笫亲鳛榻M件展示的：

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  **components: { App }**
});

也就是一個(gè)頁面，對(duì)比 html ， template 是靜態(tài)頁面， style 是 css 樣式， script 是邏輯代碼，頁面要完整自然不能引入不完整。

2017年5月22日 19:01
編輯回答
傲寒

這個(gè)是ES6引入規(guī)范

2017年6月13日 20:38