vue2升级到vue3的一些使用注意事项记录(四）

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码： https://gitee.com/nbacheng/ruoyi-nbcio

演示地址：RuoYi-Nbcio后台管理系统 http://122.227.135.243:9666/

更多nbcio-boot功能请看演示系统 

gitee源代码地址

后端代码： https://gitee.com/nbacheng/nbcio-boot

前端代码：https://gitee.com/nbacheng/nbcio-vue.git

27、ue3 已经不支持 $listeners 了,已经启用了，是事件监听器现在是 $attrs 的一部分

28、在 Vue 3 中，通知组件（例如 $notification）可能不在内置于 Vue 核心库中

所以需要使用第三方的notification了，比如element-plus的是ElNotification，如下：

ElNotification({ //websocket消息通知弹出
        title: 'websocket消息通知',
        message: data.msgTxt,
        type: 'success',
        duration: 1000
      })

29、vue3子组件暴露方法用
  defineExpose({
    方法
  });

30、vue3插槽的使用

const instance = getCurrentInstance();

在 Vue 3 中，应该尽量避免使用 this，因为这是针对 Vue 2 实例的。在 Vue 3 中，应该使用 getCurrentInstance 来获取当前组件的实例，并访问相关的插槽。

31、vue3需要注意的是方法名称千万不能跟文件名称相同，否则会出现莫名其妙的问题，对象会访问不到。

32、vue自3.4版本以后，组件间数据双向绑定推荐使用defineModel()宏来实现，而不是用之前做法。

33、对于a-table下面的vue3版本，//selectedRowKeys: selectedRowKeys, 这行不注释选择出现问题

/**
   * 跳转节点列表选择
   */
 
  const rowSelection = {
    //selectedRowKeys: selectedRowKeys, //selectedRowKeys 可设置默认被选中项（就是表格一打开就被选中的项） 指定选中项的 key 数组，需要和 onChange 进行配合 string[]
    onChange: (selectedRowKeys: any, selectedRows: any) => {  // onChange 选中项发生变化时的回调
      selectedJumpRowKeys.value = selectedRowKeys;
      selectedJumpRows.value = selectedRows
    },
    type: "radio", // 单选
  };

34、另外要是全局用selectedRowKeys变量的话，后续访问出现问题，所以后来修改成

      selectedJumpRowKeys.value = selectedRowKeys;
      selectedJumpRows.value = selectedRows

/**
   * 跳转节点列表选择
   */
 
  const rowSelection = {
    //selectedRowKeys: selectedRowKeys, //selectedRowKeys 可设置默认被选中项（就是表格一打开就被选中的项） 指定选中项的 key 数组，需要和 onChange 进行配合 string[]
    onChange: (selectedRowKeys: any, selectedRows: any) => {  // onChange 选中项发生变化时的回调
      selectedRowKeys.value = selectedRowKeys;
      selectedRows.value = selectedRows
    },
    type: "radio", // 单选
  };