vue 利用extend传值

Question

这是官方的模态框的例子，http://jsfiddle.net/yyx990803/msx42stu/light/，看了文档后，感觉按下面的写法应该也对啊，但为什么不对，请指点下

// start app
//new Vue({
//  el: '#app',
//  data: {
//    showModal: false
//  }
//})

// start app
var result = new Vue({
  el: '#app',
  
})

result.extend({
    data: function(){
        return {showModal: false}
  }
})

Answer 1

extend是全局API只能在Vue上调用;

  var Result = Vue.extend({
    data: function(){
      return {showModal: false}
    }
  })

  var result = new Result({
    el: '#app'
  });

<div id="app">
  <pre>{{$data | json}}</pre>
</div>