Vue Router的官方示例改造

2022-03-10 07:11:47 字數 2236 閱讀 7561

基於vue router 2023年8月的官方文件示例,改造一下,通過乙個最簡單的例子,解決很多初學者的乙個困惑。

首先是官方文件示例**

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

body

>

<

div

id>

<

h1h1

>

<

p>

<

router-link

to="/foo"

>go to foo

router-link

>

<

router-link

to="/bar"

>go to bar

router-link

>

p>

<

router-view

>

router-view

>

div>

<

script

src="vue.js"

>

script

>

<

script

src="vue-router.js"

>

script

>

<

script

>

const foo

= const bar

= const routes =[,]

const router

=new

vuerouter()

=new

vue().$mount(''

)

script

>

body

>

html

>

效果如下

其實這個很好辦,先看咱們的新**

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

body

>

<

div

id>

<

router-view

>

router-view

>

div>

<

script

src="vue.js"

>

script

>

<

script

src="vue-router.js"

>

script

>

<

script

>

const index

= const foo

= const bar

= const routes =[,,

]const router

=new

vuerouter()

=new

vue().$mount(''

)

script

>

body

>

html

>

效果如下

github guide官方入門示例

老外的文件還是清晰明了,學會看英文教程,事半功倍。多人協作,版本控制是github的最基本功能。學會以下功能 1.建立repositories 很容易,直接在github上建立。2.建立branch 很容易,直接在branch欄建立。3.commit 編輯完檔案,提交,沒啥好說。4.建立pull r...

IOS 官方示例位址彙總

蘋果官方的示例真的是很好的學習資料,將陸續補上各個示例實現的效果 檢測網路連線 使用者地圖定位和跟蹤變化 ftp示例 解析xml示例,注重效能和速度 搖動手勢示例 重力感應示例 地圖標記,地圖上標記天氣 影象簡單處理,亮度,對比度 tableview延遲載入 raph.zip er.zip 左右滑動...

vue router 建立 vue 單頁應用示例

1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title title title 6 link rel stylesheet href css style.css 7 script src js vue.min.js scri...