如何给vue异步组件绑定事件

Question

vue中有异步组件功能https://vuejs.org.cn/guide/components.html#异步组件
但是异步组件里面怎么绑定事件呢？换句话说，怎么才能像正常组件那样双向绑定数据？

Vue.component('async-example', function (resolve, reject) {
  setTimeout(function () {
    resolve({
      template: '<div @click="show">I am async!</div><input type="text" v-model="val"/>'
    })
  }, 1000)
})

其中的click,model都是无效的，该怎么操作才能使用呢？

Answer 1

为什么不行呢？

补充：

增加绑定数据部分

Vue.component('async-example', function (resolve, reject) {
  setTimeout(function () {
    resolve({
      template: '<div @click="show">I am async!</div><input type="text" v-model="val"/>',
      data: function(){
          return {
              val: 'Fucking it'
          };
      },
      methods: {
          show: function(){
              alert('show show!');
          }
      }
    })
  }, 1000)
})

这样不行么？