     }
    },
    &quot;/form&quot;: {
        render: function() {
            return m(Anon2)
        }
    },
})</code></pre>
<p>Since <code>Anon1</code> and <code>Anon2</code> are different components, their subtrees (including <code>Layout</code>) are recreated from scratch. This is also what happens when components are used directly without a RouteResolver.</p>
<p>In example 2, since <code>Layout</code> is the top-level component in both routes, the DOM for the <code>Layout</code> component is diffed 