前端路由

<router-link :to="{path:'你注冊組件路徑'}"></router-link>
前端路由第一步
1引入前端路由組件
import 自己起名 from ' vue-router'
2引入自己的組件(你要自己建立一個組件)
Apple組件
banana組件
3.要利用它
Vue.use(自己起名的組件)
4.聲明一個變量并且是等價于自己起名組件的一個
let router=new 自己起名的組件(
屬性值routes設置:
{
第一是路徑 path 也就是apple.vue
第二是注冊Apple這一組件
}

)
前端路由的第二步
引入router-view標簽即可實現

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本來這一節是想按著順序，從前面的react首頁結束，開始說React-router這一節的，但我覺得很又必要大概說...
    小幾米閱讀 1,191評論 0贊 3
  • 本文總結自：Web開發中 前端路由 實現的幾種方式和適用場景HTML 5 History API的”前生今世”從零...
    始悔不悟閱讀 1,685評論 0贊 2
  • 前端路由實現前端路由實現的簡要原理，以 hash 形式（也可以使用 History API 來處理）為例，當 ur...
    liuwan閱讀 380評論 0贊 0
  • 什么是前端路由路由，引導、指路之意。 譬如我們熟知的路由器，蹦跶在網絡層的數據包轉發設備，在網絡中也是扮演著指路明...
    藍淺藍深閱讀 779評論 0贊 5
  • 1，準備好時間-時間管理的重要性，Back up方案，必須走不好走的路，有危險，風險管控 2，在壓力中，高效向前。...
    王阿熊閱讀 90評論 0贊 0