亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

vue第六天

李昌杰 / 1152人閱讀

摘要：路由路由通俗解釋根據(jù)不同地址，出現(xiàn)不同效果，一般是用來(lái)寫(xiě)應(yīng)用，單頁(yè)面應(yīng)用這里用的是版本一個(gè)路由的基本結(jié)構(gòu)跟用法引入路由文件主頁(yè)跳轉(zhuǎn)鏈接里面也是寫(xiě)新聞?wù)故緝?nèi)容準(zhǔn)備一個(gè)根組件組件都準(zhǔn)備我是主頁(yè)我是新聞準(zhǔn)備路由關(guān)聯(lián)啟動(dòng)路由是作用范圍

vue 路由

路由通俗解釋?zhuān)?strong>根據(jù)不同url地址，出現(xiàn)不同效果，一般是用來(lái)寫(xiě)SPA應(yīng)用，單頁(yè)面應(yīng)用

這里用的是vue-router 0.7.13版本
一個(gè)路由的基本結(jié)構(gòu)跟用法：
引入路由js文件：

html:

    主頁(yè)    //跳轉(zhuǎn)鏈接,v-link里面也是寫(xiě)json 
    新聞           
    
               //展示內(nèi)容

js:

//1. 準(zhǔn)備一個(gè)根組件
    var App=Vue.extend();

//2. Home News組件都準(zhǔn)備
    var Home=Vue.extend({
        template:"
我是主頁(yè)
"
    });

    var News=Vue.extend({
        template:"
我是新聞
"
    });

//3. 準(zhǔn)備路由
    var router=new VueRouter();

//4. 關(guān)聯(lián)
    router.map({
        "home":{
            component:Home
        },
        "news":{
            component:News
        }
    });

//5. 啟動(dòng)路由:#box是作用范圍
    router.start(App,"#box");

//6.跳轉(zhuǎn)
    router.redirect({
        "/":"/home"
    });

對(duì)于多層路由如下：
html：

js：

//1. 準(zhǔn)備一個(gè)根組件
var App=Vue.extend();

//2. Home News組件都準(zhǔn)備
var Home=Vue.extend({
    template:"#home"
}); 
var News=Vue.extend({
    template:"#news"
}); 
var Detail=Vue.extend({
    template:"#detail"
});

//3. 準(zhǔn)備路由
var router=new VueRouter();

//4. 關(guān)聯(lián)
router.map({
    "home":{
        component:Home,
        subRoutes:{
            "/login/:name":{
                component:{
                    template:"我是登錄信息 {{$route.params | json}}"
                }
            },
            "reg":{
                component:{
                    template:"我是注冊(cè)信息"
                }
            }
        }
    },
    "news":{
        component:News,
        subRoutes:{
            "/detail/:id":{
                component:Detail
            }
        }
    }
});

//5. 啟動(dòng)路由
router.start(App,"#box");

//6. 跳轉(zhuǎn)
router.redirect({
    "/":"home"
});

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86794.html

相關(guān)文章

  • 第五第六天

    摘要：上面讓我看看一些概念直接做任務(wù)感覺(jué)還是對(duì)我來(lái)說(shuō)太難了，完全沒(méi)有思路，主要還是看別人代碼還好能看到別人提交的，看懂然后自己敲一遍，其實(shí)好像這樣也能有一點(diǎn)小收獲，總好過(guò)放棄不做吧引用一個(gè)筆記第五六天 2019.4/4 大概六個(gè)小時(shí)？不想記時(shí)間了感覺(jué)= =感覺(jué)好像對(duì)我沒(méi)啥影響 今天學(xué)到了什么？ 盒模型 浮動(dòng) 編碼規(guī)范 嘗試了一下提交代碼到github 今天遇到了什么問(wèn)題，以及情況 其實(shí)是...

    leanote 評(píng)論0 收藏0

  • 第五第六天

    摘要：上面讓我看看一些概念直接做任務(wù)感覺(jué)還是對(duì)我來(lái)說(shuō)太難了，完全沒(méi)有思路，主要還是看別人代碼還好能看到別人提交的，看懂然后自己敲一遍，其實(shí)好像這樣也能有一點(diǎn)小收獲，總好過(guò)放棄不做吧引用一個(gè)筆記第五六天 2019.4/4 大概六個(gè)小時(shí)？不想記時(shí)間了感覺(jué)= =感覺(jué)好像對(duì)我沒(méi)啥影響 今天學(xué)到了什么？ 盒模型 浮動(dòng) 編碼規(guī)范 嘗試了一下提交代碼到github 今天遇到了什么問(wèn)題，以及情況 其實(shí)是...

    darry 評(píng)論0 收藏0

  • 第六天-《企業(yè)應(yīng)用架構(gòu)模式》-會(huì)話狀態(tài)

    摘要：無(wú)狀態(tài)的價(jià)值無(wú)狀態(tài)可以?xún)H用很少的對(duì)象就可以處理很多的用戶，空閑狀態(tài)的用戶越多，無(wú)狀態(tài)服務(wù)器就越有用會(huì)話狀態(tài)相關(guān)性會(huì)話狀態(tài)只與當(dāng)前會(huì)話有關(guān)，它存在于業(yè)務(wù)事務(wù)中，與其他會(huì)話及他們的業(yè)務(wù)事務(wù)是分開(kāi)的與記錄數(shù)據(jù)信息的區(qū)別記錄數(shù)據(jù)時(shí)長(zhǎng)期保存在數(shù)據(jù)庫(kù)中 1. 無(wú)狀態(tài)的價(jià)值： 無(wú)狀態(tài)可以?xún)H用很少的對(duì)象就可以處理很多的用戶，空閑狀態(tài)的用戶越多，無(wú)狀態(tài)服務(wù)器就越有用 2. 會(huì)話狀態(tài)： 相關(guān)性：會(huì)話狀態(tài)只...

    FrancisSoung 評(píng)論0 收藏0

  • 九天學(xué)會(huì)Java，第六天，變量作用域

    摘要：從函數(shù)看局部變量作用域函數(shù)內(nèi)定義的變量被稱(chēng)為局部變量。局部變量的作用范圍從聲明開(kāi)始，直到包含它的塊結(jié)束塊就是內(nèi)的代碼。 變量和數(shù)據(jù)類(lèi)型，賦值和輸出 算術(shù)運(yùn)算 選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用 變量作用域 = 3) { /* 進(jìn)入代碼塊 */ int j = 10; /* j從這里到 } 都能訪問(wèn) */ System.out.println(i); /* 可以訪問(wèn)...

    Berwin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<