点击之后url变了，但是数据内容不出现，不知道是什么情况
下面是 我的代码
路由代码
export default new Router({
routes: [
{
path: '/',
name: 'Hello',
component: Hello
},
{
path: '/about',
name: 'about',
component: About
},
{
path: '/recruit',
name: 'recruit',
component: Recruit,
children:
[
{
path: 'page1',
component: page1
},
{
path: 'page2',
component: page2
}
]
}
]
})
父组件代码
<template>
<div class="all">
<h1>{{cc}}</h1>
<ul>
<li>
<router-link to="/page1"> 子页面1 </router-link>
</li>
<li>
<router-link to="/page2">子页面2</router-link>
</li>
</ul>
</div>
</template>
子页面代码
<template>
<div class="page1">
<h1>{{page1}}</h1>
</div>
</template>
<script>
export default {
data () {
return {
page1: '这是第一个'
}
}
}
</script>
<style>
h1{
color:red;
}
</style>
求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求求i求求