<script>
var UserParams = {
template: '<div>我是用戶1</div>',
created: function() {
console.log('出來呀');
}
}
var UserQuery = {
template: '<div>我是用戶2</div>'
}
var router = new VueRouter({
routes: [
//路由匹配規則
{
path: "/user/:id",
name: 'userP',
component: UserParams
},
{
path: "/user",
name: 'userQ',
component: UserQuery
}
]
})
var App = {
template: `<div><router-link to="{name:'userP',params:{id:1}}">用戶1</router-link><router-link to ="{name:'userQ',query:{userId:2}}">用戶2</router-link><router-view></router-view ></div>`,
}
new Vue({
el: "#app",
data() {
return {
}
},
components: {
App
},
//6交給vue實體化管理
router,
template: '<App/>'
})
</script>
uj5u.com熱心網友回復：
看檔案都解決了uj5u.com熱心網友回復：
你去到哪個組件里面寫上對呀的name啊,不然怎么跳轉的了轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/121945.html
標籤：其他
上一篇：thinkphp框架顯示驗證碼為亂碼，不走框架則顯示正常，為什么
下一篇：蘋果的uc瀏覽器彈窗js灰色