小王的學習筆記(二十) vue router

2021-10-10 22:19:43 字數 815 閱讀 3806

vue-router是vue的路由機制,使用路由實現不同元件的載入,vue-router就是vue的乙個外掛程式。

>

'/user'

>使用者模組<

/router-link>

<

/div>

'/info'

>資訊模組<

/router-link>

<

/div>

<

!-- 路由內容的顯示 --

>

<

/router-view>

<

/div>

<

/div>

//模組

let user=

let info=

// 建立路由物件

let router =

newvuerouter(,

]})new

vue(

)<

/script>

監聽路由的切換

watch:

}beforerouteupdate(to,from,next)

動態元件

程式設計式導航

this.$router.push('路徑)

tocategory()

})// this.$router.replace(})},

touser()

}) params攜帶資料不會進行拼接且重新整理頁面資料丟失

this

.$router.

push(}

)},

小王的學習筆記(十七) 插槽

普通插槽 插槽允許我們在呼叫子元件的時候為子元件傳遞模板 告訴模板傳遞引數到哪乙個插槽中 template test div let test newvue data script 執行結果 hello hello具名插槽 給插槽命名,通過插槽的名字確認插入位置 告訴模板傳遞引數到哪乙個插槽中 te...

小王的學習筆記(十九) axios

axios只封裝了ajax,是純粹的ajax的庫,是輕量級的,基於promise機制,內部封裝了promise,返回的是乙個promise物件,會對返回的資料進行二次封裝。預設請求方式get 預設傳送資料的格式是json格式,一般在基於mvvm模式的框架中進行使用。快捷方式 axios.get ax...

OpenGL學習筆記(二十)

片段著色器中,內建gl fragcoord向量的z值包含了那個特定片段的深度值。如果我們將這個深度值輸出為顏色,就可以顯示場景中所有片段的深度值。我們可以根據片段的深度值返回乙個顏色向量來完成這一工作 void main 如果執行程式的話,會注意到所有東西都是白色的,看起來就像所有的深度值都是最大的...