vue初嘗試-項目結構

新建一個項目之後，我們來看一下項目的目錄結構

幾個主要文件的內容

index.html文件（入口文件，系統進入之後先進入index.html）

• main.js文件（導入相應的模塊）

• App.vue文件（根組件）

• router文件夾下面的index.js文件（前端路由）

模板：

template可以用它去包括一些內容，它本身並不會真正的渲染到dom裡面去，可以直接使用template標籤包括起來，注意：template里有且只能有一個根標籤。

行為：

通過import來跟別的組件進行關聯，然後通過

註冊一下就可以調用了。

樣式：

跟css樣式一樣,這裡不再做說明。可以使用sass語法，但是要在項目中安裝一下sass，安裝成功之後可以在package.json裡面看到對應的信息

項目載入過程

項目開始：index.html ----> main.js ----> App.vue

由index.html入口文件，他會執行main.js文件，main.js會實例化我們的Vue對象，接下來會執行App.vue組件，到了App.vue以後，如果模板有內容的話，他會將模板中的內容插入到index.html的容器當中，也可以在行為屬性里設置對應的屬性。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！