大家好，我是秧歌，歡迎來到《秧歌編程筆記》。 最近調(diào)整了課程的原始設(shè)置。

至于原來的課程，在講解的過程中，都是講一些基礎(chǔ)的東西。 聽我零基礎(chǔ)的Vue課程，你可能對(duì)基礎(chǔ)知識(shí)有了基本的掌握。 為了讓課程更加實(shí)用，從這一集開始，我將帶大家開發(fā)真實(shí)的項(xiàng)目。

在項(xiàng)目開發(fā)的過程中，我們把一些基礎(chǔ)的東西融入其中，讓大家更直觀的學(xué)習(xí)。

今天，我們就開始聊聊如何使用組件來開發(fā)企業(yè)網(wǎng)站。 同時(shí)網(wǎng)站開發(fā)網(wǎng)站開發(fā)，在講解的過程中，我們會(huì)對(duì)組件中的一些問題進(jìn)行講解，請(qǐng)大家注意。 因?yàn)橹v解的時(shí)候可能會(huì)覺得很簡單，但是寫的時(shí)候可能會(huì)出錯(cuò)，所以大家要跟上節(jié)奏。

今天跟大家分享的企業(yè)網(wǎng)站開發(fā)，當(dāng)然由于時(shí)間關(guān)系，我們可能會(huì)分N個(gè)類，根據(jù)它所具備的功能，帶大家用vue3.x從零開始開發(fā)一個(gè)完整的動(dòng)態(tài)網(wǎng)站。

讓我們看看今天要展示的效果。

企業(yè)網(wǎng)站統(tǒng)一頁眉

你看，這是一個(gè)企業(yè)網(wǎng)站的頁眉網(wǎng)站優(yōu)化，背景是黑色的，頁眉中有一個(gè)logo，有這樣的文字：秧歌編程筆記，還有我們的注冊(cè)登錄窗口。 每個(gè)人看起來都很簡單。 當(dāng)然開發(fā)不需要vue框架，用普通的html+css也可以。 不過那屬于最原始的開發(fā)方式吧，不多說了小程序開發(fā)，看源碼展示

App.vue 根組件

Home.vue 組件

.vue