app.vue中调用header.vue和foot.vue两个组件

在app.vue中，可以通过以下代码调用header.vue和foot.vue两个组件：

<template>
  <div>
    <Header/>
    <router-view></router-view>
    <Foot/>
  </div>
</template>

<script>
import Header from './components/header.vue'
import Foot from './components/foot.vue'

export default {
  name: 'app',
  components: {
    Header,
    Foot
  }
}
</script>

在上面的代码中，我们通过import语句将header.vue和foot.vue组件引入到app.vue中，然后在components选项中进行注册。在template中，我们使用Header和Foot标签来调用这两个组件，并在router-view标签中渲染路由组件。