Vue2之挂载($mount)

在项目中，你可能遇到这样的问题，使用别人封装的框架中的某个组件，但是你无法改动，但是想往组件里面添加一点自己的东西，这个时候你可能需要用到Vue的挂载，下面仅作学习，不正确之处，还望见谅...
举个栗子，比如别人封装了一个菜单组件，你无法修改，但是你的领导突然想在菜单栏中增加一个检索功能，可以模糊搜索菜单，点击跳转，我们就可以手动挂载，下面就将演示挂载的写法：

var MyComponent = Vue.extend({
  template: '<div>Hello!</div>'
})

// Vue.extend()并非只能使用模板字符串这种写法，也可以使用单文件组件
import MsgConfirm from "MsgConfirm.vue";
var MyComponent = Vue.extend(MsgConfirm);

// 创建并挂载到 #app (会替换 #app)
new MyComponent().$mount('#app')

// 同上
new MyComponent({ el: '#app' })

----------------以上是第一种写法，以下是第二种写法-----------------

// 或者，在文档之外渲染并且随后挂载
var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)