Vue3踩坑记录-持续更新

使用Vue3可能踩的坑,本文只是使用了@vue/composition-api 而不是使用alpha版本的Vue3

v-on陷阱

<div @click="alert(1)"></div>

这句话是会报错的 说找不到alert

为什么，Vue3 的模板只关注setup返回值，setup连this都没有，何况window更是不可能直接暴露

还是乖乖地写方法吧

修改后

<template>
  <div @click="alert(1)"></div>
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from "@vue/composition-api";
export default defineComponent({
  name: "Alert",
  setup() {
    return {
      alert:(num)=> alert(num)
    }
  }
});
</script>

lastupdate: 20200227