vue不使用组件，多个页面共用template

在Vue中，可以使用`<template>`标签来定义模板。如果你想多个页面共用同一个模板，可以把模板定义在一个单独的文件中，然后在需要使用的组件或页面中引入该文件。

例如，你可以创建一个名为`template.vue`的文件，其中定义了模板：

<template>
  <div>
    <h1>{{title}}</h1>
    <p>{{content}}</p>
  </div>
</template>

然后，在需要使用该模板的组件或页面中，可以使用`<script>`标签引入该文件，并将其作为组件的模板：

<template>
  <div>
    <template-comp :title="pageTitle" :content="pageContent" />
  </div>
</template>

<script>
import TemplateComp from './template.vue'

export default {
  components: {
    TemplateComp
  },
  data() {
    return {
      pageTitle: 'Page Title',
      pageContent: 'Page Content'
    }
  }
}
</script>

在这个示例中，我们将`template.vue`作为一个组件引入，并将`title`和`content`属性从父组件传递给它。在模板中，我们使用了这些属性来渲染标题和内容。

这样，多个页面就可以共用同一个模板，而不需要将模板复制粘贴到每个页面中。