1.创建vue新项目，确保包含vue-router； 2.编写router/index.js文件，配置路由规则，嵌套路由及参数传递； 3.编写Home.vue文件，实现基本页面逻辑，编写对应的子组件，简单显示即可； 4.最后修改main.js文件； 5.打开浏览器，输入URL，查看页面初始页面，以及对应页面跳转

好的，这是一个关于使用 Vue 和 Vue Router 创建一个简单的前端应用程序的指南。下面是一些步骤：

1.打开命令行，进入要创建项目的目录，输入以下命令创建一个新的 Vue 项目：

vue create my-project

2.在创建的项目中安装 vue-router：

cd my-project
npm install vue-router --save

3.在项目根目录下创建一个名为 router 的文件夹，在其中创建一个名为 index.js 的文件，编写路由规则，嵌套路由及参数传递：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home.vue'
import About from '@/components/About.vue'
import Contact from '@/components/Contact.vue'
import Profile from '@/components/Profile.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/contact',
      name: 'Contact',
      component: Contact,
      children: [
        {
          path: 'profile/:id',
          name: 'Profile',
          component: Profile
        }
      ]
    }
  ]
})

4.在 src/components 文件夹下创建 Home.vue，About.vue，Contact.vue 和 Profile.vue 四个组件文件，其中 Home.vue 文件中可以放置默认的页面内容，About.vue 和 Contact.vue 文件中可以放置导航栏，Profile.vue 文件中可以放置根据参数传递的用户详情。

5.修改 src/main.js 文件，将 router 和 App.vue 组件进行绑定：

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

Vue.config.productionTip = false

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

6.在 App.vue 组件中添加 router-view 标签，用于显示路由组件：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

7.最后，在命令行中输入以下命令运行项目：

npm run serve

8.打开浏览器，输入 URL，查看页面初始页面，以及对应页面跳转。