本文中的示例讲述了Vue Extends扩展选项的用法。分享给大家参考，如下：

！doctype Html lang=' en ' head metacarset=' utf-8 ' title vue extends extends option/title script type=' text/JavaScript ' src=' http:https://cdn.bootcss.com/vue/2 . 6 . 10/vue . min . js '/script/head dyh1vue extends option/h1 HR div id=' app ' p { { num } }/p pbutton @ click=' add ' add/button/p/div/body/Html script var extend obj={ updated 3360 function(){ console。添加3360function () {this。numconsole.log('我是扩展方法')}。varapp=new vue({ El : ' # app }，data: {num33601}，updated : function(){ console . log('我是由构造函数触发的')}，methods : { add : function(){ this . numconsole . log('我是本机方法')}，//扩展不能混合到数组中，但它是数组扩展3360 extendobj })/脚本运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

希望本文对vue.js程序的设计有所帮助。