1、main.js 程序入口文件,是初始化vue實例并使用需要的插件,加載各種公共組件.
創新互聯公司-云計算及IDC服務提供商,涵蓋公有云、IDC機房租用、成都二樞服務器租用托管、等保安全、私有云建設等企業級互聯網基礎服務,歡迎咨詢:18982081108
import Vue from 'vue'
import App from './App'
import router from './router'
其實最完整的寫法分別是:
import Vue from "../node_modules/vue/dist/vue.js";
import App from './App.vue';
簡寫說明:
a.import...from...的from命令后面可以跟很多路徑格式,若只給出vue,axios這樣的包名,則會自動到 node_modules中加載;若給出相對路徑及文件前綴,則到指定位置尋找。
b.可以加載各種各樣的文件:.js、.vue、.less等等。
c.可以省略掉from直接引入。
這里new Vue代表新建vue對象
el官方解釋:為實例提供掛載元素。值可以是 CSS 選擇符,或實際 HTML 元素,或返回 HTML 元素的函數。
這里就通過index.html中的
2、App.vue
App.vue是我們的主組件,頁面入口文件,所有頁面都是在App.vue下進行切換的。也是整個項目的關鍵,app.vue負責構建定義及頁面組件歸集。
可以理解所有的路由也是App.vue的子組件,所以我將router標示為App.vue的子組件。
router-view:用來渲染匹配到的路由的
這里,App.vue里面有
在main.js里面,定義了路由path:'/',匹配了HelloWorld組件,所以在默認首頁,