vue脚本要如何导入页面组件

在 Vue 中，导入页面组件可以通过以下步骤完成：

1. 首先，确保你已经安装了 Vue.js，并在你的项目中引入了 Vue。

2. 在你的项目中创建一个组件文件，例如 `MyComponent.vue`。

3. 在 `MyComponent.vue` 文件中，定义你的页面组件。例如：

<template>
  <div>
    <!-- 组件的模板 -->
  </div>
</template>

<script>
export default {
  // 组件的配置选项
}
</script>

<style scoped>
/* 组件的样式 */
</style>

4. 在你需要使用这个组件的页面中，使用 `import` 语句将组件导入。例如：

import MyComponent from './MyComponent.vue'

5. 然后，在你的 Vue 实例中注册这个组件。例如：

new Vue({
  el: '#app',
  components: {
    MyComponent
  }
})

现在，你可以在你的页面模板中使用 `MyComponent` 组件了。例如：

<div id="app">
  <my-component></my-component>
</div>

这样就完成了在 Vue 中导入页面组件的过程。记得根据你的项目结构和文件路径做相应的调整。