Vue可以代替JSP实例全面与实战教程

```

4. 配置路由

在`src/router`目录下创建一个名为`index.js`的文件，配置路由：

```javascript

import Vue from 'vue';

import Router from 'vue-router';

import HelloWorld from '@/components/HelloWorld';

Vue.use(Router);

export default new Router({

routes: [

{

path: '/',

name: 'home',

component: HelloWorld

}

]

});

```

5. 配置Vue实例

在`src/main.js`文件中，配置Vue实例：

```javascript

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

在`src/App.vue`文件中，编写页面结构：

```vue