Home

Nuxt version: latest(0.10.7)

Some of my project structures are like this：

layout1:

<div>
    <nuxt :key="$route.path"/>
  </div>

layout2:

<div>
    <nuxt />
  </div>

page1:

export default {
   layout: 'layout1'
}

page2:

export default {
  layout: 'layout2',
  created () {
    console.log('Page2 is created')
  },
  mounted () {
    console.log('Page2 is mounted')
  }
}

If I switch from route page1 to page2, the page2 will be rendered two times

I guess the key in page1 caused this problem

If I remove the key from page1, the render becomes normal