小徐敲vue

默认写组件vue的方式如下 如上代码就是数据ref和方法没有分类，应该将方法一和数据一整合在一起，方法二和数据二整合在一起 自定义hooks进行组合,如下，先在src目录下创建hooks文件夹，再创建

ts在项目中的使用defineProps 注意在组件中活着标签中使用：表示使用的是表达式，没有：都表示字符串，ref除外

首选在src下创建一个文件夹types，然后创建一个index.ts 在vue文件中的使用，使用定义的接口引入必须在导入包中加入type，必须按着规范名字使用，不然会提示报错，如下

标签的ref属性 作用：用于注册模板的引用 ref用在普通的DOM标签上，获取的是DOM节点 ref用在组件标签上，获取的是组件实例对象(如果组件需要使用ref中的值，需要使用defineExpose

watchEffect项目一启动就先执行一次 watchEffect：立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数

watch监视【reactive】定义的数据中的多个属性 如果是reactive监听的是基础类型，可以不加深度监视，默认开启，如果是对象类型，需要手动开启深度监视

watch监视【reactive】定义的【对象类型】数据中的属性(对象类型)，注意使用函数形式监视数据

watch的第一个参数是:被监视的数据 watch的第二个参数是:监视的回调 watch的第三个参数是:配置对象()

watch的第一个参数是:被监视的数据 watch的第二个参数是:监视的回调 watch的第三个参数是:配置对象()