Vue-router路由

  接下來的,都是我本身的理解,每一個人理解都是不一樣的,僅供參考,如有問題之處但願留言之處,有助於個人自我提高,在下先在這裏感謝了。學習

  本人喜歡在學習新東西的時候,先了解其中須要用到的單詞的意思,比較這是一個方便、快捷的年代,爲了方便使用,人家是不會隨便的使用單詞的,確定是爲了更好的使用才用這個單詞的。spa

     瞭解下這裏面的一些單詞,由於我的英文水平問題!插件

  router:路由,view:看,視野,視線。。link:鏈接,通訊手段。。component

首先:router

  什麼是Vue-router,是Vue生態系統中的核心插件,依賴Vue存在。對象

  做用:根據客戶端用戶的操做來決定使用什麼組件(component)來渲染頁面。路由

  從結構(我)的角度看:router是用來承載組件集合(components)的,根據path來控制組件渲染。class

  與組件(component)的關係:渲染

    router -->>>>components(在中間的操做我以爲最爲重要)-->>>>compnentroute

其次:

  完成一個簡單路由的使用。

  第一步:首先下載或者引入Vue-router.js(這區官網下載最新的)

  第二步:在js中建立路由對象實例router,而且定義它的路由規則(var router = new VueRouter)

  第三步:把定義好的路由實例插入Vue實例中(router:router)

  第四步:在Vue實例中,使用路由實例視圖框<router-view> </router-view>

  第五步:定義路由跳轉<router-link to = "path"> 這中間是這個這個路由跳轉的名字</ router-link>)

相關文章
相關標籤/搜索