初識vue——起步

1、目錄結構：

咱們常用的是如下幾個目錄：

一、assets:靜態資產文件：在vue組件中，全部組件中，全部模板和CSS都會被vue-html-loader和css-loader解析，並查找資源url。例如<img src='./logo.png'>和background:url(./logo.png)中，都是相對路徑，將由webpack解析爲模塊依賴；這些資源可能在構建過程當中被內聯，複製，重命名，基本上是源碼的一部分，主要存放圖片等內容；其實本身建立文件夾放置靜態資源都是能夠的；

與其類似的是一個名爲static文件夾，static/目錄下的文件並不會被webpack處理；他們會直接被複制到最終目錄。要使用絕對路徑引用這些文件；

二、components文件：存放咱們開發的內容；　　Test.vue

這些都不是固定的，本身能夠按照項目需求創建本身的目錄來存放文件；

三、router文件：

 

而咱們全部components文件下的.vue文件都會被加載到APP.vue文件裏面，而後加載到index.html裏面；