成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Vue之路由

Channe / 1093人閱讀

摘要：路由路由的安裝構(gòu)建開發(fā)版路由基礎(chǔ)與標(biāo)簽相似當(dāng)對(duì)應(yīng)的路由匹配成功，將自動(dòng)設(shè)置屬性值動(dòng)態(tài)路由匹配用匹配一個(gè)路徑參數(shù)使用冒號(hào)標(biāo)記。當(dāng)匹配到一個(gè)路由時(shí)，參數(shù)值會(huì)被設(shè)置到，可以在每個(gè)組件內(nèi)使用。路由元信息定義路由的時(shí)候可以配置字段

Vue路由 路由的安裝 構(gòu)建開發(fā)版

git clone https://github.com/vuejs/vue-... node_modules/vue-router
cd node_modules/vue-router
npm install
npm run build

路由基礎(chǔ)

與A標(biāo)簽相似
.router-link-active 當(dāng) 對(duì)應(yīng)的路由匹配成功，將自動(dòng)設(shè)置 class 屬性值

動(dòng)態(tài)路由匹配

用：id 匹配
一個(gè)『路徑參數(shù)』使用冒號(hào) : 標(biāo)記。當(dāng)匹配到一個(gè)路由時(shí)，參數(shù)值會(huì)被設(shè)置到 this.$route.params，可以在每個(gè)組件內(nèi)使用。
$$route.query匹配？后的值

匹配優(yōu)先級(jí)

匹配的優(yōu)先級(jí)就按照路由的定義順序：誰(shuí)先定義的，誰(shuí)的優(yōu)先級(jí)就最高

嵌套路由

在創(chuàng)建一個(gè)字節(jié)點(diǎn)
==注意==：定義子節(jié)點(diǎn)時(shí)父節(jié)點(diǎn)中添加

命名路由與命名視圖

都是用name：來(lái)命名
命名路由后引用應(yīng)用

User

命名視圖
為了能引用專門的路由
編程式的導(dǎo)航

router.push(location)
想要導(dǎo)航到不同的 URL，則使用 router.push 方法。這個(gè)方法會(huì)向 history 棧添加一個(gè)新的記錄，所以，當(dāng)用戶點(diǎn)擊瀏覽器后退按鈕時(shí)，則回到之前的 URL。

router.replace(location)它不會(huì)向 history 添加新記錄，而是跟它的方法名一樣 —— 替換掉當(dāng)前的 history 記錄

重定向 (redirect)和 別名(alias) 導(dǎo)航鉤子

全局鉤子

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
  // ...
})

to: Route: 即將要進(jìn)入的目標(biāo) 路由對(duì)象

from: Route: 當(dāng)前導(dǎo)航正要離開的路由

next: Function: 一定要調(diào)用該方法來(lái) resolve 這個(gè)鉤子。執(zhí)行效果依賴 next 方法的調(diào)用參數(shù)。

路由元信息

定義路由的時(shí)候可以配置 meta 字段：
meta.requireLogin
http://git.oschina.net/hxj886...
http://git.oschina.net/hxj886...
http://git.oschina.net/hxj886...

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/88543.html

相關(guān)文章

  • Vue.js之路由系統(tǒng)

    摘要：生態(tài)之是什么是的路由系統(tǒng)，定位資源的，我們可以不進(jìn)行整頁(yè)刷新去切換頁(yè)面內(nèi)容。Vue.js生態(tài)之vue-router vue-router是什么? vue-router是Vue的路由系統(tǒng)，定位資源的，我們可以不進(jìn)行整頁(yè)刷新去切換頁(yè)面內(nèi)容。 vue-router的安裝與基本配置 vue-router.js 可以下載 也可以用cdn，基本配置信息看如下代碼 // html 代碼 ...

    番茄西紅柿 評(píng)論0 收藏0

  • 服務(wù)端預(yù)渲染之Nuxt(路由篇)

    摘要：前面既然說(shuō)到了會(huì)把文件夾下面的所有文件編譯成路由，那么子路由需要使用文件夾嵌套才行。客戶端首次訪問(wèn)的頁(yè)面會(huì)在服務(wù)端做輸出，一旦渲染完成之后，則不會(huì)再在服務(wù)端輸出，則會(huì)一直在客戶端進(jìn)行輸出了。 服務(wù)端預(yù)渲染之Nuxt - 使用 現(xiàn)在大多數(shù)開發(fā)都是基于Vue或者React開發(fā)的，能夠達(dá)到快速開發(fā)的效果，也有一些不足的地方,Nuxt能夠在服務(wù)端做出渲染，然后讓搜索引擎在爬取數(shù)據(jù)的時(shí)候能夠讀到...

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

  • vue之權(quán)限控制（動(dòng)態(tài)路由），附流程圖

    摘要：到后面版本增加的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖流程重點(diǎn)在于跳轉(zhuǎn)頁(yè)面的時(shí)候有沒有動(dòng)態(tài)路由流程解說(shuō)進(jìn)入網(wǎng)頁(yè)的時(shí)候，首先創(chuàng)建一部分靜態(tài)路由表，這份靜態(tài)路由表里面包含登錄頁(yè)面，這是保證輸入的時(shí)候有頁(yè)面可以訪問(wèn)登錄后，從服務(wù)器拉取登錄用戶的訪問(wèn) vue到后面版本增加router.addRoutes的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖showImg(https://segmentfault...

    蘇丹 評(píng)論0 收藏0

  • vue之權(quán)限控制（動(dòng)態(tài)路由），附流程圖

    摘要：到后面版本增加的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖流程重點(diǎn)在于跳轉(zhuǎn)頁(yè)面的時(shí)候有沒有動(dòng)態(tài)路由流程解說(shuō)進(jìn)入網(wǎng)頁(yè)的時(shí)候，首先創(chuàng)建一部分靜態(tài)路由表，這份靜態(tài)路由表里面包含登錄頁(yè)面，這是保證輸入的時(shí)候有頁(yè)面可以訪問(wèn)登錄后，從服務(wù)器拉取登錄用戶的訪問(wèn) vue到后面版本增加router.addRoutes的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖showImg(https://segmentfault...

    寵來(lái)也 評(píng)論0 收藏0

  • Vue學(xué)習(xí)筆記之vue-cli項(xiàng)目搭建及解析

    摘要：樣式通過(guò)標(biāo)簽包裹，默認(rèn)是影響全局的，如需定義作用域只在該組件下起作用，需在標(biāo)簽上加，如要引入外部文件，首先需給項(xiàng)目安裝依賴包，打開，進(jìn)入項(xiàng)目目錄，輸入回車。 showImg(https://segmentfault.com/img/remote/1460000013235090); （一）安裝node.js 首先需要安裝node環(huán)境，可以直接到中文官網(wǎng)http://nodejs.cn/...

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

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

0條評(píng)論

閱讀需要支付1元查看
<