appendchild与mount区别

`appendChild` 和 `mount` 是两个不同的方法，用于将组件或元素添加到 DOM 中。

`appendChild` 是 JavaScript 原生的方法，用于将一个 DOM 元素作为子节点添加到另一个 DOM 元素中。它接受一个参数，即要添加的子节点元素。例如：

const parentElement = document.getElementById('parent');
const childElement = document.createElement('div');
parentElement.appendChild(childElement);

上述代码将创建一个 `<div>` 元素，并将其作为子节点添加到具有 id 为 "parent" 的父元素中。

相比之下，`mount` 是 Vue.js 提供的方法，用于将 Vue 组件挂载到指定的 DOM 元素上。它接受一个选择器或 DOM 元素作为参数，并将组件渲染到指定的位置。例如：

import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: h => h(App),
}).$mount('#app');

在上述代码中，通过 `new Vue().$mount('#app')` 将 App 组件挂载到具有 id 为 "app" 的 DOM 元素上。

总结来说，`appendChild` 是原生 JavaScript 方法用于添加 DOM 元素，而 `mount` 是 Vue.js 提供的方法用于将组件挂载到 DOM 元素上。