Vue.js路由
@(示例)[幫助]
簡介
HTML代碼
<div id="div">
<h1>Vue 路由</h1>
<p>
<router-link to="/user/yh1">進(jìn)入</router-link>
<router-link to="/user/yh2">跳轉(zhuǎn)</router-link>
</p>
<router-view></router-view>
</div>
js代碼
<script>
const User = {
template:`
<div>
{{$route.params.id}}
<h1>歡迎進(jìn)入</h1>
<h2>Vue 路由</h2>
</div>
`
}
const routes = [
{path:"/user/:id",component:User}
]
const router = new VueRouter({
routes
})
new Vue({
router
}).$mount("#div")
</script>
