Vue入門(五) 建立主頁,並配置路由

2021-10-03 08:29:50 字數 565 閱讀 1959

1.在component目錄下新建home.vue,**如下:

主頁

此處會報錯,意思就是讓咱們去安裝less依賴,去ui介面安裝即可,需要安裝兩個依賴,分別是:

1.less-loader

2.less

此處要選擇安裝開發依賴

安裝完成後重啟專案報錯就會消失,當然你也可以不使用less

2.配置路由,開啟router.js下的index.js,插入**:

// 插入部分 start

import home from '../components/home.vue'

// 插入部分 end

const routes = [

// 插入部分 start

, // 插入部分 end

]

上面的**意思是訪問 / 和 /home 時都會跳至 home.vue元件

到此,主頁建立完成,可以細化主頁中的內容了

Django入門 建立新的主頁

使用django來建立網頁的時候,通常分為三個階段 定義url,編寫檢視,編寫模板 1.對映url 開啟主目錄下的url urlpatterns url r admin include admin.site.urls 在learning logs下面建立乙個urls.py 檔案 本來是沒有的 fro...

vue 安裝並建立vue專案

2,npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入 npm v 命令,顯示npm的版本資訊。3,安裝vue cli,執行下面的命令 npm install g vue cli cnpm i g vue cli 安裝結束之後,可以使用vue v 檢視 vue 的版本 ...

vue建立專案入門

安裝node.js 安裝vue cli 在命令列輸入 npm install g vue cli等待完成 安裝python 2.7 用vue cli構建專案 1 要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。在這裡,選擇桌面來存放新建的專案,則我們需要先把目錄cd到桌面 2 在...