vue添加页面模板

在 Vue 中添加页面模板实际上就是添加一个新的 Vue 组件。以下是添加页面模板的步骤：

1. 在 `src/views/` 目录下创建一个新的 `.vue` 文件，例如 `MyPage.vue`。

2. 在 `MyPage.vue` 文件中编写页面模板代码，例如：

   <template>
     <div>
       <h1>My Page</h1>
       <p>Welcome to my page!</p>
     </div>
   </template>
   
   <script>
   export default {
     name: 'MyPage'
   }
   </script>

3. 在需要使用该页面模板的路由配置文件中，引入 `MyPage.vue` 组件，并在路由中添加该页面的路由配置，例如：

   import MyPage from '@/views/MyPage.vue'
   
   const routes = [
     {
       path: '/my-page',
       name: 'MyPage',
       component: MyPage
     }
   ]

4. 在你的应用中访问 `/my-page` 路径，即可看到 `MyPage.vue` 中编写的页面模板。