92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

vue-router的使用方法介紹

2018-6-19    seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

vue-router

對于大多數單頁面應用，都推薦使用官方支持的 vue-router 庫。

學習網址：https://router.vuejs.org/installation.html#direct-download-cdn

提示：本篇博客僅僅介紹搭建項目之后，再下載vue-router的情況，并非搭建項目是直接引入vue-router。

一、安裝方法（npm方式）

在終端運行以下指令

[html] view plain copy
  1. npm install vue-router  

注意：--save 與 --save-dev 的區別

--save（可以省略） 下載的第三方依賴到package.js中的dependencies。

--save-dev 下載開發時依賴，指環境配置，下載到package.js中的devDependencies，webpack、bable等等均屬于開發

時依賴。

二、導入與使用

vue-router下載之后，需要在入口文件main.js導入，具體做法如下：

[javascript] view plain copy
  1. Vue.use(VueRouter);  
  2. Vue.use(VueAxios, axios);  
  3.   
  4. // routes：數組，在該數組中配置所有的路由；  
  5. const routes = [  
  6.   {path:'/',component:myHome,name:'home'},  
  7.   {path:'/product/:productName/:price',component:myProduct,name:'product'}  
  8. ];  
  9. // 創建router實例  
  10. const router = new VueRouter({  
  11.   routes  
  12. });  
  13. /* eslint-disable no-new */  
  14. new Vue({  
  15.   el: '#app',  
  16.   // 引入到根實例中才可以使用導航功能  
  17.   router,  
  18.   components: {App},  
  19.   template: '<App/>',  
  20.   data(){  
  21.     return {  
  22.   
  23.     }  
  24.   }  
  25. })  

三、官網介紹使用步驟

網址：https://router.vuejs.org/zh/guide/#javascript

[javascript] view plain copy
  1. // 0. 如果使用模塊化機制編程，導入Vue和VueRouter，要調用 Vue.use(VueRouter)  
  2.   
  3. // 1. 定義 (路由) 組件。  
  4. // 可以從其他文件 import 進來  
  5. const Foo = { template: '<div>foo</div>' }  
  6. const Bar = { template: '<div>bar</div>' }  
  7.   
  8. // 2. 定義路由  
  9. // 每個路由應該映射一個組件。 其中"component" 可以是  
  10. // 通過 Vue.extend() 創建的組件構造器，  
  11. // 或者，只是一個組件配置對象。  
  12. // 我們晚點再討論嵌套路由。  
  13. const routes = [  
  14.   { path: '/foo', component: Foo },  
  15.   { path: '/bar', component: Bar }  
  16. ]  
  17.   
  18. // 3. 創建 router 實例，然后傳 `routes` 配置  
  19. // 你還可以傳別的配置參數, 不過先這么簡單著吧。  
  20. const router = new VueRouter({  
  21.   routes // (縮寫) 相當于 routes: routes  
  22. })  
  23.   
  24. // 4. 創建和掛載根實例。  
  25. // 記得要通過 router 配置參數注入路由，  
  26. // 從而讓整個應用都有路由功能  
  27. const app = new Vue({  
  28.   router  
  29. }).$mount('#app')  
  30.   
  31. // 現在，應用已經啟動了！  

藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務




日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
中文字幕日本精品| 国产网站欧美日韩免费精品在线观看| 欧美日韩国产精品一区| 日本精品免费观看| 九九精品视频在线| 国产精选久久久久久| 欧美理论电影在线播放| 精品国产区一区二区三区在线观看| 日本欧美国产在线| 国产欧亚日韩视频| 日韩精品亚洲视频| 欧美xxxx18国产| 中文字幕在线观看日韩| 国产在线不卡精品| 韩国三级电影久久久久久| 国内精品久久久久久中文字幕| 久久久久久久久久婷婷| 成人免费网站在线观看| 国模叶桐国产精品一区| 91精品视频观看| 最近2019好看的中文字幕免费| 久久精品99久久久久久久久| 岛国av一区二区在线在线观看| 国产大片精品免费永久看nba| 影音先锋日韩有码| 国产精品欧美激情在线播放| 91精品免费久久久久久久久| 日韩一区二区精品视频| 亚洲免费电影在线观看| 国产欧美一区二区三区在线| 国产ts一区二区| 成人综合国产精品| 九九热精品在线| 亚洲天堂av网| 亚洲图片制服诱惑| 久久久精品久久久| 亚洲热线99精品视频| 91手机视频在线观看| 欧美亚洲国产视频| 国产精品91视频| 欧美一区二三区| 国产成人亚洲综合91| 国产精品久久久久久av下载红粉| 日韩亚洲在线观看| 欧美最近摘花xxxx摘花| 国产精品免费一区| 亚洲欧美在线一区| 最近2019中文字幕第三页视频| 色综合视频一区中文字幕| 精品国产一区二区三区在线观看| 伊人成人开心激情综合网| 97涩涩爰在线观看亚洲| 538国产精品一区二区免费视频| 中文字幕亚洲欧美日韩高清| 亚洲激情小视频| 高清日韩电视剧大全免费播放在线观看| 欧美中文在线视频| 久久久精品美女| 欧美丝袜一区二区| 97在线视频观看| 国产精品久久久久久久久久三级| 成人黄色av网| 国产精品丝袜一区二区三区| 欧美日韩亚洲网| 国产欧美日韩丝袜精品一区| 欧美性videos高清精品| 国产欧美日韩视频| 一本色道久久综合狠狠躁篇怎么玩| 亚洲va久久久噜噜噜久久天堂| 欧美日韩福利视频| 欧美限制级电影在线观看| 日韩免费观看网站| 国产精品99蜜臀久久不卡二区| 亚洲一二在线观看| 亚洲老板91色精品久久| 亚洲欧美国产精品va在线观看| 一区二区三区天堂av| 黄色一区二区在线| 亚洲午夜性刺激影院| 国产精品青青在线观看爽香蕉| 在线播放日韩av| 91九色视频导航| 91亚洲精品在线| 久久综合久久美利坚合众国| 成人性生交大片免费看小说| 欧美精品精品精品精品免费| 久久精品成人欧美大片古装| 国产精品网红直播| 日韩欧美视频一区二区三区| 国产精品私拍pans大尺度在线| 激情成人中文字幕| 91精品国产自产在线观看永久| 亚洲国模精品私拍| 国产精品中文字幕久久久| 久久不射电影网| 91成人性视频| 欧美午夜片在线免费观看| 国产在线精品成人一区二区三区| 国产精品999| 国产亚洲视频在线| 亚洲专区中文字幕| 成人乱人伦精品视频在线观看| 日韩成人黄色av| 成人亚洲激情网| 欧美日韩精品在线观看| 国产精品视频xxxx| 久久久亚洲成人| 亚洲黄色www网站| 好吊成人免视频| 色中色综合影院手机版在线观看| 亚洲人成电影网站色…| 色777狠狠综合秋免鲁丝| 92看片淫黄大片欧美看国产片| 青青草99啪国产免费| 欧美日韩亚洲视频一区| zzijzzij亚洲日本成熟少妇| 欧美日韩亚洲天堂| 在线激情影院一区| 亚洲欧美中文日韩在线| www.久久撸.com| 国产精品免费小视频| 亚洲欧洲在线播放| 不卡伊人av在线播放| 欧美中文字幕视频| 久久精品一本久久99精品| 日韩av在线播放资源| 高清视频欧美一级| 国产成人鲁鲁免费视频a| 97欧美精品一区二区三区| 欧美激情视频在线免费观看 欧美视频免费一| 欧美电影第一页| 精品在线小视频| 国产在线视频2019最新视频| 国内免费久久久久久久久久久| 久久久久久噜噜噜久久久精品| 国产伦精品免费视频| 欧美中文字幕在线观看| 欧美性生活大片免费观看网址| 欧美日韩国产专区| 最近2019年日本中文免费字幕| 欧美在线视频一区二区| 97视频在线观看网址| 亚洲成人久久电影| 欧美激情精品久久久久久久变态| 欧美在线免费观看| 亚洲国产日韩欧美综合久久| 国内精久久久久久久久久人| 日韩电影免费在线观看| 国产成人一区二| 中文字幕亚洲一区二区三区五十路| 97在线免费观看视频| 国产日韩综合一区二区性色av| 久99久在线视频| 欧美三级欧美成人高清www| 国产精品极品尤物在线观看| www欧美日韩| 亚洲国产精品电影| 自拍偷拍亚洲欧美| 欧美激情极品视频| 欧美激情视频给我| 亚洲欧美国产制服动漫| 91久久国产婷婷一区二区| 欧美色播在线播放| 色偷偷av一区二区三区乱|