好程式設計師教程分析vue學習筆記五,上次我們學習了vue的元件,這次我們來學習一下路由的使用。在vue中,所謂的路由其實跟其他的框架中的路由的概念差不多,即指跳轉的路徑。
注意:在vue中,要使用路由,必須匯入vue-router.js,並且需要在vue.js下方匯入。
具體示例如下:
<
div id=
"content"
>
<
router
-link to
="/view1"
>檢視一
router
-link
>
<
router
-link to
="/view2"
>檢視二
router
-link
>
<
router
-view
>
router
-view
>
div>
<
script
>
// 1. 定義路由元件
var
t1 =
var
t2 =
// 2. 定義路由規則
var
routes = [
, ];
// 3. 構建路由
var
router
= new
vuerouter();
// 4. 繫結路由
var
v = new
vue().$mount(
"#content");
script
>
分析如下:
在頁面標籤中,需要檢視觸發的事件鏈結標籤
<
router
-link
>
。然後需要乙個切換頁面的顯示檢視標籤。
<
router
-view
>
js**中,首先定義路由元件,即頁面需要顯示的具體內容。然後定義規則即哪個鏈結觸發哪個具體內容的顯示。再次需要將上面定義的規則構建成乙個vue中的路由物件。最後將定義好的路由物件繫結到當前vue檢視中。
<
router
-link :to
="}"
>檢視一
router
-link
>
相當於/view1?name=leon
好程式設計師Python教程學習入門之異常處理機制
在python無法正確處理程式時,就會發生異常 當發生異常時,我們需要捕獲它並進行處理,否則程式會終止執行。但如何處理異常呢?有哪些方法?接下來的好程式設計師python教程就給大家講解python異常處理機制。try 包含著可能引發異常的 except 則用來捕捉和處理發生的異常 else 如果t...
好程式設計師筆記分享 分類
ios培訓 我的objective c筆記,期待與您交流 在objective c語言中,提供了分類和協議兩種特性。這使得物件導向程式設計中可以使用分類和協議對已有類進行擴充套件和修改。本文主要介紹一下分類。一 簡介 分類是在已有類的基礎上對類進行的擴充套件。這種方式在我們不知道相應類的內部實現時十...
好程式設計師筆記分享 協議
ios培訓 我的objective c筆記,期待與您交流 在objective c中,是不能實現多繼承功能的,所以提供了協議。協議事實上是一組方法列表,它並不依賴於特定的類。使用協議可以使不同的類共享相同的訊息。1 定義 協議的定義 protocol 協議名 end 2 協議的建立 嘗試建立乙個協議...