• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      vue-router的使用方法介紹

      2018-6-19    seo達(dá)人

      如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

      vue-router

      對于大多數(shù)單頁面應(yīng)用,都推薦使用官方支持的 vue-router 庫。

      學(xué)習(xí)網(wǎng)址:https://router.vuejs.org/installation.html#direct-download-cdn

      提示:本篇博客僅僅介紹搭建項(xiàng)目之后,再下載vue-router的情況,并非搭建項(xiàng)目是直接引入vue-router。

      一、安裝方法(npm方式)

      在終端運(yùn)行以下指令

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

      注意:--save 與 --save-dev 的區(qū)別

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

      --save-dev 下載開發(fā)時(shí)依賴,指環(huán)境配置,下載到package.js中的devDependencies,webpack、bable等等均屬于開發(fā)

      時(shí)依賴。

      二、導(dǎo)入與使用

      vue-router下載之后,需要在入口文件main.js導(dǎo)入,具體做法如下:

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

      三、官網(wǎng)介紹使用步驟

      網(wǎng)址:https://router.vuejs.org/zh/guide/#javascript

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

      藍(lán)藍(lán)設(shè)計(jì)www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)




      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 91乱子伦国产乱子伦!| 在线亚洲视频网站www色| 丝袜精品字幕| 极品美女一区二区三区| 2019最新中文字幕无码播放我不卡| 色偷偷www8888| 中文字幕AV无码一区二区蜜芽三区 | 手机在线观看亚洲| 国产一区国产精品自拍| 亚洲avav| 制服丝袜无码| 洪雅县| 亚洲男人的天堂AV手机在线观看 | 午夜爽爽影院| 天堂无码| 国产熟女口爆| 亚洲 欧美 综合 高清 在线| 91热视频| 亚洲一区亚洲二区| 国产欧美va欧美va香蕉在线观| 一本久道久综合久久鬼色| 中文字幕日产av| 忻州市| 国产精品无码久久AV嫩草| 一区二区水蜜桃| 双流县| 草莓视频污在线观看| 一本色道久久综合亚洲精品按摩| 攀枝花市| 中文字幕一区二区三区在线毛片| 67194熟妇在线观看线路1| 精品噜噜噜噜久久久久久久久 | 亚洲中文字| 国产女人精品视频| av在线观看免费网站| 欧美a视频在线观看| 亚洲乱码中文字幕| 男人天堂社区| 人妻无码视频| 桐城市| 91在线观看|