Vue. extend

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时使用...

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue 基础知识之 Vue.extend Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们...
    Marting424阅读 525评论 0 0
  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 495评论 0 1
  • 链接:https://cn.vuejs.org/v2/api/#Vue-filter API TPshop中国免费...
    zz云飞扬阅读 490评论 0 0
  • VUE介绍 Vue的特点构建用户界面,只关注View层简单易学,简洁、轻量、快速渐进式框架 框架VS库库,是一封装...
    多多酱_DuoDuo_阅读 2,731评论 1 17
  • 一、概念介绍 Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完...
    刘远舟阅读 1,081评论 0 0