vue router 的最基本介紹

2021-09-21 06:35:14 字數 851 閱讀 9010

建立單頁應用,最主要的是路由。

作用:我們需要將元件(components)對映到路由(routes),然後告訴路由在哪個地方去渲染元件

vue-router的使用步驟:

1.安裝 (安裝的方式分為兩種)

//script標籤的引入

b: 使用npm 進行安裝

// 進入專案檔案,右擊-git bash  -輸入命令

npm install vue-router

2. 將路由引入專案使用

// 專案目錄 :src-router-index.js

index.js

import vue from 'vue'

//1.引入vue-router 別名為router

import router from 'vue-router'

// 2.vue使用router這個封裝好的元件(如果是使用全域性的script標籤,無需如此)

vue.use(router)

// 3.建立路由例項

const router = new router(

]})//4.將建立的路由例項匯出

export default router

3.告訴路由在哪個地方渲染對映的元件

// 在某個元件

***.vue

4. 在main.js 主檔案中掛載建立的根例項(這樣讓整個專案都有路由的功能)

main.js

import router from './router'

new vue()

vue router的基本介紹

什麼是路由 路由是乙個網路工程裡面的術語 路由就是通過網路把資訊從源位址傳輸到目的地的活動 維基百科 後端路由 是url和後端邏輯的對應關係 前端路由 是url和元件的對應關係 前端路由核心就是改變url但是頁面不進行整體的重新整理 vue router vue router是vue官方的路由外掛程...

最基本的委託

有些教材,部落格說到委託都會提到事件,雖然事件是委託的乙個例項,但是為了理解起來更簡單,今天只談委託不談事件。先上一段 下邊的 完成了乙個委託應用的演示。乙個委託分三個步驟 public partial class webform3 system.web.ui.page step02 宣告乙個方法來...

最基本的操作

關於目錄的獲取 獲取沙盒目錄 算是跟目錄吧 nshomedirectory 獲取document目錄 常用 let paths nssearchpathfordirectoriesindomains documentdirectory,userdomainmask,true first 或者 fil...