1. 程式人生 > 其它 >vue3.0學習筆記(四)

vue3.0學習筆記(四)

一、建立好第一個vue專案之後,先對展示頁面進行了解

從專案目錄中檢視App.vue檔案,檢視初始頁面

可以看到第一個展示頁面路由為“/”,展示頁面是home這個頁面,從專案目錄中找到router(路由管理),具體的頁面展示配置內容就在index.js裡面,其中router-link配置跳轉頁面,

<router-view/>標籤為路由展示,實現非跳轉頁面的展示

其中每個中括號之間代表一個路由,一般第一個為初始頁面,component代表使用的元件,元件的具體內容在components資料夾中。

home.vue就使用了helloworld這個元件,向元件傳遞了一個msg的引數,具體在HelloWorld.vue中有所展示,完成了一個基本的頁面編寫

主要內容在template(模板標籤中進行編寫),邏輯在script標籤中編寫,展示樣式在style標籤中編寫,接下來將在專案中新增cube ui元件,並編寫一個登陸介面。