我们都知道nuxtjs是约定大于配置的,所以你在nuxt项目的根目录下创建pages目录,在pages目录下创建index.vue
,之后在app.vue
里添加<NuxtPage></NuxtPage>
就可以使用路由了,
首先你在学习的时候,使用
<NuxtLink to="">name</NuxtLink>标签
来进行跳转在这个页面的时候你会发现
你的class
的变化,我们顺藤摸瓜找到了Nuxt官网的描述
所以我们这里有自己的class所以我们可以这么写
.animeY.nuxt-link-active{
color: red;
}
如果样式没有出来试试router-link-active
.animeY.router-link-active{
color: red;
}