vue3+ts

发布订阅模式有4个方法，存储结构是一个对象键是表示类一类，值是一个对象，每一项都是一个方法 1.on方法将某给对象属性，数组添加一个方法（将消息收集到一个数组里面） 2.emit方法将对象属性的数组中

新建两个文件，index.ts将其挂载到body上面，.vue文件是书写样式并把显示和隐藏的方法暴露出来 index.ts的具体代码 index.vue 使用 解决ts的报错

vue2的过滤器已经舍弃了，之前的全局变量是 Vue.prototype.$http = () => {}去定义 vue3在main.ts里面定义全局变量和函数， 使用是会报错，需要声明变量的类型

vue2中的mixins有两个问题，一个是后续查找变量可能找了半天发现是定义在mixins里面，另外i同一个是由于mixins的生命周期在其组件之前，若组件定义的变量相同会重置变量的值 vue3的ho

vue3的自定义指令，demo // 鼠标位置-鼠标相对元素位置=元素位置 let left = e.clientX - disx; let top = e.clientY - disy; 使用固定定

很多教程的vue3插件都是基于vite，自己的项目不是用vite构建，而是vue-cli 一、使用说明：npm上面的使用说明，配置文件的修改 eslint报错修改 二、步骤： 1.一般配置这两个 vu

v-if使用三元表达式 v-for使用map props和emit 插槽：声明A组件，然后定义a组件的数据，必须v-slots 完整代码 app.vue app.tsx

安装mitt 在main.ts上创建mitt实例，声明类型导出（ts的用法） 在a组件定义mitt mitt的使用，监听事件，清除事件

ts主要是校验，在开发时发现错误，即使发现,开始使用有点不习惯，但是使用习惯还是很香的 给父组件传值 给子组件传值，带有默认值

今天开发，发现轮播图的数据是动态的就会会出现第一页空白，一开始以为是执行顺序的问题，**在onbeforeMonut执行接口获取数据，然后在onMount在执行动态数据**，最后加了await还是会

vue3的动态组件，之前想开发tabbar切换功能，可以使用路由或者是v-if，实现起来有点麻烦，vue3的动态组件不得不说是很好用，简单的使用，这里使用is判断即可 实现的效果