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. // 現在，應用已經啟動了！  

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




日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久久99精品久久| 中文字幕国产一区| 色一区在线观看| 国产精品白丝av嫩草影院| 欧亚洲嫩模精品一区三区| 国语自产精品视频在线看抢先版图片| 在线观看av不卡| 午夜精品久久久久久久99水蜜桃| 欧美裸体在线版观看完整版| 噜噜噜久久亚洲精品国产品小说| 久久精品视频免费观看| 久久久精品一品道一区| 国产一区玩具在线观看| 国产精品爽爽爽爽爽爽在线观看| 国产电影精品久久禁18| 日本午夜精品理论片a级appf发布| 国产精品白丝av嫩草影院| 天天射综合影视| 日韩高清三级| 91在线视频精品| 欧美激情奇米色| 欧美日韩国产在线观看网站| 国产黄在线观看免费观看不卡| 亚洲最大的成人网| 成人精品高清在线视频| 亚洲成人综合视频| 免费成人深夜夜行视频| 日日夜夜综合| 91精品久久久久久久久久入口| 中文字幕中文字幕在线中高清免费版| 亚洲精品国产精品国自产观看浪潮| 欧美日韩黄色大片| 国产精品久久网站| 国产精品免费在线| 欧美日韩精品一区二区三区在线观看| 日韩精品五月天| 天天色综合成人网| 国产传媒在线观看| 青春草免费在线视频| 亚洲情趣在线观看| 亚洲人被黑人高潮完整版| 天天操夜夜操国产精品| 18video性欧美19sex高清| 欧美精品xxx| 日本免费高清不卡| 精品国产乱码久久久久久丨区2区| 免费a级毛片在线播放| 高清欧美性猛交xxxx黑人猛| 国产人伦精品一区二区| 亚洲美女一区二区三区| 黄色大片在线播放| 国产精品久久久久久久久久久新郎| 97超碰资源| 精品在线一区二区| 国产精选一区二区三区| 国产精品观看在线亚洲人成网| 亚洲在线久久| 高清不卡一区二区在线| 国产精品美女久久久久av福利| 国产精选一区| 国产成人手机高清在线观看网站| 欧美成熟毛茸茸复古| 中文字幕欧美日韩一区| 午夜精品福利影院| av电影在线播放高清免费观看| 国产精品污www在线观看| 欧美精品欧美精品系列c| 亚洲欧美经典视频| 亚洲一区二区三区自拍| 精品国产鲁一鲁一区二区张丽| 日韩美女毛茸茸| 亚洲一二三区不卡| 香蕉视频免费在线播放| 自拍偷拍亚洲一区| 亚洲成av人影院在线观看网| 亚洲精品国产精品久久| 欧美大尺度激情区在线播放| 伊人久久综合一区二区| 国产成人精品免高潮费视频| 欧美日韩亚洲视频一区| 日韩精品免费一区二区三区竹菊| 天堂精品在线视频| av男人的天堂在线| 最新国产成人在线观看| 国内精彩免费自拍视频在线观看网址| 性日韩欧美在线视频| 国产欧美久久久久久久久| 日本视频精品一区| 精品国产一区二区三区四区| 狠狠躁夜夜躁人人爽天天天天97| 精品免费二区三区三区高中清不卡| 国产成人三级在线观看| 视频一区视频二区在线观看| 国产精品亚洲欧美导航| 国产乱淫av一区二区三区| 麻豆一区二区| 久久先锋影音av鲁色资源网| 亚洲精品一区二区在线| 92国产精品观看| 欧美精品videossex88| 亚洲综合色婷婷在线观看| 日本一区二区成人在线| 综合久久给合久久狠狠狠97色| 日本在线免费播放| 琪琪久久久久日韩精品| 免费久久99精品国产| 国产精品美女一区二区在线观看| 国产一区久久精品| 99久久精品国产观看| 精品极品在线| 日韩亚洲精品在线观看| 最新欧美人z0oozo0| 成人看片免费| 中文字幕亚洲专区| 97国产精品人人爽人人做| 久久高清免费观看| 欧美激情精品久久久久久免费印度| 一区二区三区四区蜜桃| 国产噜噜噜噜噜久久久久久久久| 男人的天堂免费在线视频| 天天色天天操综合| 亚洲第一在线综合在线| 久久99精品久久久久久水蜜桃| 欧美女优在线视频| 久久久精品网| 91亚洲国产高清| 99thz桃花论族在线播放| 亚洲91视频| 性欧美.com| 777色狠狠一区二区三区| 亚洲精品免费在线播放| 欧美美女喷水视频| 成人午夜精品| 免费电影一区| 欧美大片免费观看| 日韩欧美国产精品一区| 亚洲国产精品久久一线不卡| 国产一区二区自拍| 亚洲国产高清视频| 欧美成人黑人xx视频免费观看| 欧美激情第二页| 美女福利一区| 国产自摸综合网| 午夜在线精品偷拍| av中文字幕在线看| 精品久久久久久中文字幕一区奶水| 91九色极品视频| 欧美一卡二卡三卡| 国产91精品一区二区麻豆亚洲| 精品国产1区2区3区| 国产精品mv在线观看| 99v久久综合狠狠综合久久| 99久久免费精品高清特色大片| 91精品国产福利在线观看| 久久久天天操| 午夜视频一区二区三区| 欧美华人在线视频| 91精品国产色综合久久久蜜香臀| 亚洲ab电影| 精品视频导航| 色欧美片视频在线观看在线视频| 中文字幕在线免费不卡| 国产高清美女一级毛片久久| 国外色69视频在线观看|