将新建的vue项目导入到idea
使用idea的Terminal窗口启动vue服务,命令:vue run serve
可以看到一个App.vue(主窗口):
<template>
<nav>
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</nav>
<router-view/>
</template>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
nav {
padding: 30px;
}
nav a {
font-weight: bold;
color: #2c3e50;
}
nav a.router-link-exact-active {
color: #42b983;
}
</style>
对应的界面:
其中:
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link&