<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="vue2.2.js"></script> <title>vue.extend-扩展实例构造器</title> </head> <body> <h1>vue.extend-扩展实例构造器</h1> <task></task> <script type="text/javascript"> var task = Vue.extend({ template: "<p><a :href='taskUrl'>{{myName}}</a></p>", data: function() { return { myName: 'baidu', taskUrl: 'http://www.baidu.com' } } }); new task().$mount('task'); </script> </body> </html>
还可以通过HTML标签上的id或者class来生成扩展实例构造器，Vue.extend里的代码是一样的，只是在挂载的时候，我们用类似jquery的选择器的方法，来进行挂载就可以了。