Vue 的构造器——extend

var foo = Vue.extend({
 template: "<p><a :href='url'>{{foo}}</a></p>",
 data : function() {
  return {
   foo : 'vamous',
   url : 'https://juejin.im/editor/drafts/5cd2da7a5188253e8c23baf6'
  }
 }
});
 
对应的html
<foo></foo>
 
此时的页面必然是没有任何效果的，因为扩展实例构造器还需要挂载，如下：
new foo().$mount('#app');