Vue.extend如何将自定义方法挂载到实例上？

本文共计476个文字，预计阅读时间需要2分钟。

原文示例：本文实例讲述了Vue.extend实现挂载到实例上的方法。分享给广大读者，仅供参考。具体如下：这里主要是一个笔记，根据官方网的说明，Vue.extend：是使用基础Vue构造器，创建一个子类。

改写后：本文以实例说明Vue.extend如何实现方法挂载到实例。分享给大家参考。简要如下：此笔记旨在记录，依据官方文档，Vue.extend：基于Vue构造器创建一个子类。

本文实例讲述了Vue.extend实现挂载到实例上的方法。分享给大家供大家参考，具体如下：

这里主要是做个笔记

根据官网的说法，Vue.extend：是使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

官网的用法是：

<div id="mount-point"></div>

// 创建构造器 var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: function () { return { firstName: 'Walter', lastName: 'White', alias: 'Heisenberg' } } }) // 创建 Profile 实例，并挂载到一个元素上。