學習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頁面中回車不能換行,只能識別乙個空格 水平...