Vue.jsとReactのマウント動作比べ
仕事で使うのがVue.jsばかりだったのでReactとどう違うのか見てみる
とりあえずマウントした時の動作を
環境はVue.jsが 2.6.11 、Reactは 16.13.1
土台はこんな感じのHTMLで
<body>
<div id="app">
<span>Loading...</span>
</div>
</body>
まずはVue.jsから
ソースはこんな感じで
new Vue({
el: '#app',
render(h) {
return h('div', 'Hello, World!');
}
});
実行した結果はこうなってて、 div#app が消えてる
<body>
<div>Hello, World!</div>
</body>
次にReactで、ソースはこう
ReactDOM.render(
React.createElement('div', null, 'Hello, World!'),
document.querySelector('#app')
);
結果は div#app > span は消えるけど、 div#app は残ってる
<body>
<div id="app"><div>Hello, World!</div></div>
</body>