怎么将页面放入<router-view></router-view>中

将页面放入`<router-view></router-view>`中是使用Vue Router进行页面路由的一种方式。下面是具体的步骤：

1. 首先，确保你已经安装了Vue Router。可以通过以下命令使用npm进行安装：

npm install vue-router

2. 在你的Vue项目中，创建一个新的文件，例如`router.js`，用于配置路由。在该文件中，引入Vue和Vue Router，并创建一个新的路由实例。示例代码如下：

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    // 在这里配置你的路由
  ]
});

export default router;

3. 在你的Vue项目的入口文件（通常是`main.js`），引入刚刚创建的`router.js`文件，并将其作为Vue实例的一个选项。示例代码如下：

import Vue from 'vue';
import App from './App.vue';
import router from './router';

new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

4. 在`router.js`文件中，配置你的路由。通过使用`routes`选项，你可以定义不同路径对应的组件。示例代码如下：

import Home from './components/Home.vue';
import About from './components/About.vue';

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
];

export default new VueRouter({
  routes
});

5. 在你的Vue组件中，使用`<router-view></router-view>`标签来显示路由对应的组件。示例代码如下：

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

这样，当你访问不同的路径时，`<router-view></router-view>`中会显示对应的组件。