vue-router 路由基本加載

  1. 安裝
    在目標文件夾中
npm install --save vue-router
  1. 引用
    在main.js中
import router from 'vue-router'
Vue.use(router)

3.配置路由文件,并在vue實例中注入

var rt = new router({
  routes: [{
    // 指定要跳轉(zhuǎn)的路徑
    path: '/hello',
    // 指定要跳轉(zhuǎn)的組件
    component: HelloWorld
  }]
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router: rt,
  components: { App },
  template: '<App/>'
})

4.確定視圖加載位置

<router-view></router-view>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 10,053評論 1 52
  • ## 框架和庫的區(qū)別?> 框架(framework):一套完整的軟件設計架構(gòu)和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 3,155評論 1 4
  • MVVM Vue的指令 基本概念: Vue中指令都是以v-xx開頭,指令的作用,最終都是拿著數(shù)據(jù),渲染我們指令標簽...
    getElementsByMK閱讀 1,929評論 0 2
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,674評論 1 32
  • 1、active-class是哪個組件的屬性?嵌套路由怎么定義?答:vue-router模塊的router-lin...
    jane819閱讀 1,832評論 0 15

友情鏈接更多精彩內(nèi)容