日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

vue-router命名路由

發布時間:2025/4/16 vue 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue-router命名路由 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

vue-router命名路由

為了更加方便的表示路由的路徑,可以給路由規則起一個別名,即為“命名路由”。

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title><!-- 導入 vue 文件 --><script src="./lib/vue_2.5.22.js"></script><script src="./lib/vue-router_3.0.2.js"></script></head><body><!-- 被 vm 實例所控制的區域 --><div id="app"><router-link to="/user/1">User1</router-link><router-link to="/user/2">User2</router-link><router-link :to="{ name: 'user', params: {id: 3} }">User3</router-link><router-link to="/register">Register</router-link><!-- 路由占位符 --><router-view></router-view></div><script>const User = {props: ['id', 'uname', 'age'],template: '<h1>User 組件 -- 用戶id為: {{id}} -- 姓名為:{{uname}} -- 年齡為:{{age}}</h1>'}const Register = {template: '<h1>Register 組件</h1>'}// 創建路由實例對象const router = new VueRouter({// 所有的路由規則routes: [{ path: '/', redirect: '/user' },{// 命名路由name: 'user',path: '/user/:id',component: User,props: route => ({ uname: 'zs', age: 20, id: route.params.id })},{ path: '/register', component: Register }]})// 創建 vm 實例對象const vm = new Vue({// 指定控制的區域el: '#app',data: {},// 掛載路由實例對象// router: routerrouter})</script></body> </html>

總結

以上是生活随笔為你收集整理的vue-router命名路由的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 欧美精品色视频 | 日韩精品在线一区 | 91 在线视频 | 国产精品无码午夜福利 | 永久免费看mv网站入口亚洲 | 男人av网站| 欧美在线色图 | 国产精品久久福利 | 在线91观看 | 国产精品操 | 国产性猛交xxxx免费看久久 | 中文字幕乱码亚洲无线三区 | 国产精品久久久久久亚洲 | 97久久人人 | 亚洲成人99| 美女一区 | 亚洲精品欧洲 | 久久精品国产清自在天天线 | www.啪啪 | 成品人视频ww入口 | 91在现看| 婷婷中文 | 日本大尺度做爰呻吟 | 国产精品毛片久久久久久久 | 免费在线看污片 | 亚洲av高清一区二区三区 | 欧美一级黄色片 | 成人免费看毛片 | 一区二区三区精品视频 | 在线国产日韩 | 水牛影视av一区二区免费 | 久久不卡日韩美女 | 亚洲我射| 亚洲三级av| 亚洲视频一区二区三区在线观看 | 94av| 欧美精品 在线观看 | 天天色天天综合 | 欧美aaaaaaaaa | 中文字幕乱码在线人视频 | 成年人三级网站 | 色久天 | 午夜黄视频 | 白洁av | 国产精品一区二区av日韩在线 | av资源免费 | 欧美视频久久 | 一区二区播放 | 久久久国产精品视频 | 天天操天天爽天天干 | 日韩欧美亚洲视频 | 日韩免费看 | 杨幂毛片 | 大奶子网站 | 日韩在线第三页 | 青娱乐激情 | 精品久久成人 | 91尤物视频在线观看 | 国产极品美女高潮无套在线观看 | 国产精品成人网 | www国产亚洲精品久久网站 | 久久久午夜影院 | 国产欧美精品 | 黑人巨大精品欧美黑寡妇 | 视频在线91 | 有码中文 | 午夜精品福利电影 | 探花系列在线观看 | 伊人综合影院 | 狠狠干夜夜爽 | 一区免费在线 | 啊v视频在线观看 | 热久久在线 | 亚洲乱亚洲乱 | 人妻一区二区三区四区五区 | 亚洲成人中文字幕 | 日韩黄色在线观看 | 超碰在线图片 | 久久久久久无码午夜精品直播 | 制服诱惑一区二区 | 女人高潮娇喘声mp3 乱色视频 | a级片一级片 | 精品一性一色一乱农村 | 亚洲视频观看 | 中文字幕av在线免费观看 | 久操不卡 | 三级免费毛片 | 国产自产在线视频 | 日韩成人黄色 | 中文字幕av影视 | 伦理亚洲| 国产精品jizz| www色中色| 性史性dvd影片农村毛片 | 在线观看你懂的网站 | 午夜少妇 | 熟女俱乐部五十路六十路av | 国产极品一区 | 青青草伊人 |