新学习vus.js中.使用vue init webpack-simple aaa
创建的工程,启动后浏览器地址正常为http://localhost:8081,在引入vue-router之后,浏览器的地址就会变成http://localhost:8081/#/,不知道是哪里写的有问题?以下是代码:
main.js:
import Vue from 'vue'
import App from './App.vue'
import Router from 'vue-router'
import home from './home.vue'
Vue.use(Router)
const router = new Router({
routes: [
{path: '/', component: home}
]
})
new Vue({
el: '#app',
router,
render: h => h(App)
})
App.vue:
<template>
<div id="app">
<h1>Hello App!</h1>
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
home.vue:
<template>
<div>
This is home page
</div>
</template>
加上红框里面那句代码就可以了