1 HTML和JS中使用router

2021-10-03 08:23:39 字數 1293 閱讀 7671

學習vue-router的一些學習筆記,所有筆記內容請看 vue-router學習筆記

方法:1、使用router-link 元件進行導航to 屬性指定鏈結。 router-link 會被預設渲染程乙個 < a >標籤

2、< router-view > 為路由出口,路由匹配到的元件被渲染在這裡

<

!doctype html>

"en"

>

"utf-8"

>

"">

<

/script>

"">

<

/script>

<

/head>

>

<

/h1>

// 使用router-link 元件進行導航

// to 屬性指定鏈結

// router-link 會被預設渲染程乙個標籤

'/foo'

>go to foo<

/router-link>

'/bar'

>go to bar<

/router-link>

<

/p>

// 路由出口

// 路由匹配到的元件被渲染在這裡

<

/router-view>

<

/div>

<

/script>

<

/body>

<

/html>

1、定義路由

2、建立路由例項,傳入配置引數

3、建立和掛在跟例項

// 元件,可以是任何形式建立的元件

const foo=

//1、定義路由

// path:對映位址

// component:對映的元件

const routes=

// 2、建立路由例項,傳入配置引數

const router =

newvuerouter()

// 3、建立和掛在跟例項

// 通過router配置引數注入路由

newvue()

.$mount

()

通過注入路由器,我們可以在任何元件內通過 this.$ router 訪問路由器,也可以通過 this.$route 訪問當前路由:

// home.vue

export

default},

methods:

}}

隨筆1 HTML基礎

1.1 什麼是網頁 我們開啟瀏覽器訪問的一切,都由網頁構成,簡單的說,網頁就是html 1.2 html概念 1.2.1 超文字標記語言 htper text markup language 標準通用標記語言下的乙個應用。html 不是一種程式語言,而是一種標記語言 markup language ...

1 HTML基本標籤

宣告位於html文件中的第一行,處於 標籤之前,宣告不是乙個 html 標籤,它用於告知 web 瀏覽器按照哪個 html 版本來解析當前html文件。宣告沒有結束標籤,也不區分大小寫 html5 html4 xthml 標籤用於告知瀏覽器這是乙個html文件,標籤是html文件的最外層標籤,即文件...

前端筆記1 html

html html結構介紹 文件宣告,告訴瀏覽器使用html5的標準解析頁面 根標籤體標籤 給使用者看的內容寫在body裡面 常見的文字標籤 內容標題 h1 h6 獨佔一行,字型加粗,自帶上下間距 段落標籤 p 獨佔一行,自帶上下間距 換行 br 在html頁面中回車不能換行,只能識別乙個空格 水平...