vue3.0初步使用心得积累

1、安装“ant-desgin-vue”默认版本是2.0版本，如需使用3.0版本，安装需要指定版本。2.0版本和3.0版本差异还是比较大的。

2、“ant-desgin-vue”3.0版本模态框内部样式使用：deep穿透不生效，需要在模态框外包一个父元素，并且使用：getContainer=“()=>$refs.bbox”,父元素要声明ref=“bbox”。

3、vue3.0引入setup元素，beforecreat与created钩子函数由setup代替，可在setup内声明变量，也可以在外层声明变量，但是需要return出去。

4、vue3.0+ts方式使用插件，有可能是js的插件不兼容的时候，可以在shims-vue.d.ts文件中使用declare module ‘vue3-infinite-scroll-good’方式忽略可解决。

5、iframe嵌入子系统，子系统与子系统之间通信，可以使用postMessage进行通信，window.parent.postMessage({参数})，门户可以使用window.addEventListener('message'，callback，true)调用方法。

一些好用的小插件：

“codemirror”插件：模仿数据库工具，其中可以实现sql语句提示、数据库表提示、多语句查询等功能。

“vue3-seamless-scroll”插件：可以实现垂直滚动展示列表功能。

“vue-infinite-scroll” 插件：实现无限滚动，可能有一些不合适的地方，需要用户自己调整。

“echarts”：图表类，但是不足之处特别耗性能，占电脑cpu。

“momentjs”：时间处理，比较方便。

今天突然想写点什么，后期会丰富内容。