可以给出一些vue页面嵌套组件的例子吗

当然，以下是一个Vue页面嵌套组件的例子：

1. 创建一个父组件Parent.vue，其中包含两个子组件Child1.vue和Child2.vue

<template>
  <div class="parent">
    <h1>Parent Component</h1>
    <Child1 />
    <Child2 />
  </div>
</template>

<script>
import Child1 from './Child1.vue'
import Child2 from './Child2.vue'

export default {
  name: 'Parent',
  components: {
    Child1,
    Child2
  }
}
</script>

2. 创建第一个子组件Child1.vue

<template>
  <div class="child1">
    <h2>Child1 Component</h2>
  </div>
</template>

<script>
export default {
  name: 'Child1'
}
</script>

<style>
.child1 {
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 20px;
}
</style>

3. 创建第二个子组件Child2.vue

<template>
  <div class="child2">
    <h2>Child2 Component</h2>
  </div>
</template>

<script>
export default {
  name: 'Child2'
}
</script>

<style>
.child2 {
  background-color: #e6e6e6;
  padding: 20px;
}
</style>

4. 在App.vue中引入父组件Parent.vue

<template>
  <div id="app">
    <Parent />
  </div>
<template>

<script>
import Parent from './components/Parent.vue'

export default {
  name: 'App',
  components: {
    Parent
  }
}
</script>

<style>
#app {
  font-family: Avenir, sans-serif;
  text-align: center;
  color: #2c3e50;
}
</style>

以上就是一个Vue页面嵌套组件的例子，希望对你有所帮助。