Nuxt.js使用url进行路由传参

 父页面通过<nuxt-link></nuxt-link>中 to 传参,使用字符串拼接的形式

<li 
    v-for="(item,index) in artical_type" 
    :key="index">
    <nuxt-link :to= "'typeDetail?artical_type=' + index " >
        {{index}}<span>(<b>{{item}}</b>)篇</span>
    </nuxt-link>
</li>

子页面通过 this.$route.query.artical_type 接收

mounted(){
    this.articalType = this.$route.query.artical_type;
    this.getArticalByType();
},