1、停止服务ctrl+c
2、命令npm install vue-router 安装路由
安装完成
3、还是npm run serve
4、在component文件下创建新得Test.vue页面,写入基本得vue文件框架
export default {
name: "App",
data() {
return {
// myname: "hello world",
};
},
methods: {
},
components: {
// HelloWorld
},
};
注意页面出现得内容需要写在template>div>下
5、main.js文件加入
定义组件、use、new实例、加入router
import VueRouter from 'vue-router'
import Test from "./components/Test"
Vue.use(VueRouter)
const router = new VueRouter({
routes
})
new Vue({
render: h => h(App),
router
}).$mount('#app')
6、主文件app.vue需要加入以下标签,才能成功引入路由
<router-view></router-view>