Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中,Vue.extend + $mount 这对组合是我们需要去关注的。
<div id="app"></div>
// 创建构造器 其实就是构造了一个类似.vue节点页面
const appendEl = Vue.extend({
template: '<p>{{text}}</p>',
data() {
return {
text: "我是新加的元素节点"
}
}
});
// 创建appendEl实例 并将元素挂载在app节点中
new appendEl.$mount('#app');
// 结果如下
<p>我是新加的元素节点</p>
看到这大家也差不多明白了,extend构造器用来我们需要动态添加页面html时使用...