在Vue大作業(yè)源碼中，主要包含有以下幾個文件：

├── App.vue
├── main.js
├── router.js
├── components
│   ├── Header.vue
│   ├── Main.vue
│   ├── Menu.vue
│   └── Footer.vue
└── assets
└── images
├── logo.png
└── background.png

其中，App.vue是Vue的主組件，包含了網(wǎng)站的整體架構和布局。

在Header.vue組件中，我們實現(xiàn)了網(wǎng)站的頭部導航欄。通過利用Vue Router，我們可以輕松地實現(xiàn)導航欄中不同選項之間的跳轉。

而在Main.vue組件中，則是網(wǎng)站的主要內(nèi)容區(qū)域。我們可以看到，在該組件中采用了v-for指令來循環(huán)渲染各個文章的簡介。同時，還利用了v-if指令來控制用戶是否已經(jīng)登錄，以及是否顯示文章的編輯和刪除按鈕。

除此之外，在Menu.vue組件中，則是網(wǎng)站的側邊欄。在該組件中，我們使用了v-bind來動態(tài)綁定icon和文本內(nèi)容，方便后續(xù)的擴展和修改。

最后，在Footer.vue組件中，我們展示了公司的版權信息以及網(wǎng)站所采用的技術棧。

在router.js中，我們定義了網(wǎng)站的路由規(guī)則。通過VueRouter的routes屬性和component屬性，我們可以輕松地實現(xiàn)不同頁面之間的跳轉，并分別加載不同的組件。

在main.js中，我們引入了Vue和Vue Router，并將其掛載到了#app節(jié)點上。同時，我們還引入了全局樣式表和一些必要的插件（如vue-lazyload），以及所需的第三方庫（如jQuery）。

最后，在assets目錄下，我們存放了網(wǎng)站所需的一些資源文件（如圖片、字體等）。