在app.vue中添加两个 并将to属性改为:to
<template>
<div id="app">
<img src="./assets/logo.png">
<router-link to="/">首页</router-link> |//router-link相当于a标签 to相当于src
<router-link to="/hi">Hi</router-link> |
<router-link :to="{name:'hi1',params:{username:'kevin'}}">Hi页面</router-link>|
<router-link :to="{name:'hi2'}">Hi页面</router-link>
<router-view/>
<p>{
{$route.name}}</p>//传数据
</div>
</template>
<script>
export default {
name: 'App'
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
<