vue3使用createApp替代vue2的Vue.extend

发布于：2024年10月12日

#基本

一个基本的 Vue 组件，包含了 props 和 emit 出的事件，此外 createApp 创建的组件还应该手动销毁，以避免内存泄露？

createApp 创建的组件不能使用 vue 指令，包括 vue 自带指令（v-model 等）和自定义指令，需要自行实现功能
接收的事件前必须增加 on 关键字，并转为小驼峰
createApp 返回组件实例 app，可以通过 app.unmount()方法卸载
需要通过 app.mount('dom')手动挂载到对应 dom 上，同 Vue.extend

js
const app = createApp(CustomDrawMarkerInfo, {
  formData: formData,
  show: true,
  onConfirm() {
    console.log('触发了emit.confirm')
  },
  'onUpdate:show'() {
    console.log('触发了emit."update:show"')
  },
})
 
app.mount('#map_position_control')
 
setTimeout(() => {
  app.unmount()
}, 3000)