适用于将第三方库的内容添加进文档内
(1)创建组件构造器
let Profile=Vue.extend(组件实例/{实例配置项});
(2)挂载组件
如果Vue实例在实例化时没有收到el选项,则它处于“未挂载”状态,没有关联的DOM元素。
可以使用vm.$mount()手动地挂载一个未挂载的实例。
let comp=new Profile()
将在文档之外渲染,还需走(3)步
comp.$mount()
将组件对象挂载到任意元素会替换元素内的内容,不需走(3)步
comp.$mount(document.createElement('div')); $mount(实例/选择器)
new MyComponent({el:'#app'}) 提供$el,则不需要再调用$mount挂载
(3)若在文档外渲染,$el为当前组件dom
document.getElementById('app').appendChild(comp.$el)
var MyComponent = Vue.extend({
template: '<div>Hello!</div>'
})
new MyComponent().$mount('#app')
new MyComponent({ el: '#app' })
var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)