更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码： https://gitee.com/nbacheng/ruoyi-nbcio
演示地址：RuoYi-Nbcio后台管理系统 http://218.75.87.38: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", // 单选 };
![[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法](https://ucc.alicdn.com/pic/developer-ecology/iwb4s2erfjeee_d14da44e4e4d4f2ab6c458dc8c34c9f5.png?x-oss-process=image/resize,h_160,m_lfit)
