vue3基础（二）自定义事件名称相同问题， 保持方法的this不变function.prototype.bind

reactive可以创建响应式数据

制作一个计时器，每隔一秒+1，通过计算属性 computed 自动*2

效果：

toRefs

toRefs（）会把reactive响应式里的每个key都变成ref对象

toRefs与reactive组合使用：

写好方法 把对象用toRefs方法 return出去

在setup中调用：
调用时用｛｝包裹对象中需要直接调用的属性，意思是展开该对象（也就是解构）

html中使用时，即可直接使用
就不用再用data.了

watch 监听：

单数据响应使用ref（）

teleport传送门

可以用简洁的方式指定它里面内容的父元素

建一个组件，其中包含teleport传送门

to：位置
挂载在body上 to：“body”

开关默认设置为true

去另一个vue文件中引用MoudleButton组件
注：
引入时.vue后缀名不能省略

效果：

fragments

vue3中组件可以拥有多个根，也就是template标签中能有多个标签，不用再只写在一个标签中了

Emits Components Option（emits选项）

自定义事件的名称和原生的名称相同（比如click），这样事件可能会触发两次

写法：
export default 输出emits
emits是数组

其他vue文件中调用这个组件：

建议写法：
不要命名相同名称

命名不同的话，可以不用声明emits（export default中不用写emits）
调用：

单独的挂载

.mount

挂载在class上 就直接用 .类名
id 就用#id名 和css选择器的写法一样

querySelectAll 返回的是一个nodelist，返回值是固定的，每次内部变化后，都得重新获取

用getElementById加上getElementByTagName代替querySelectAll
getElementByTagName返回的是一个HTMLCollection对象（对象可遍历）
getElementById后加！，是因为会有空的可能性（不加会报错）

保持方法的this不变

方法名.bind（this）


this指的是当前对象

vue3自定义渲染器

custom render
泰罗或者uni app这些跨端的框架，它们其实本质上来说的话，在使用vue的时候就是要去自定义一个custom render，告诉它用特殊的方式在不同的平台去做特殊的事情

新建一个createRender