var_let_const的博客

readonly gender：string //只读属性age?:number //可选属性const user: UserInterface = { //对象 user 使用 UserInterface 接口name:'张三'，gender:'男',age:18,run(n) {( a: number, b: number): number //参数a，b均为number，返回值也是numberage：18//定义了同名的接口，那这两个接口的属性合并为了一个age：18。

子 => 父注意区分好：原生事件、自定义事件事件名是特定的（clickmosueenter等等）事件对象$event: 是包含事件相关信息的对象（pageXpageYtargetkeyCode自定义事件事件名是任意名称事件对象$event: 是调用emit时所提供的数据，可以是任意类型！！！//父组件<template><h3>父组件，</h3><h4>我的车：{{ car }}</h4><h4>儿子给的玩具：{{ toy }}</h4></div>// 数据。

Pinia 是由 Vue 官方团队开发的轻量级状态管理库，旨在为 Vue 应用提供更简洁、模块化的状态管理方案。`Store`是一个保存：''状态''、''业务逻辑'' 的实体，每个组件都可以''读取''、''写入''它。它有三个概念：`state`、`getter`、`action`，相当于组件中的： `data`、 `computed` 和 `methods`。

在vue3对路由的写法与Vue2有着较大的差异，在此没有按照创建Vue3项目中对路由的默认配置，而是选择手动进行配置。

那么有没有一种方法让一个代码文件都是一个功能牵扯到的所有的数据和方法，主页再进行调用，这样如果后续我要维护相关的功能的话，我就可以直接在这个代码页面进行维护就好了？当一个功能的所牵涉到的数据和方法过多，而且这个页面的类似功能也有很多，那这个页面的代码虽然照上述的方法做了区分，但是维护起来还是挺头疼的。在Vue3中，没有了data和methods，数据和方法不再强制的卸载对应的前者当中。首先需要在src目录下创建hooks文件，在向其中建立各种的js或ts文件，文件名可以使用use+功能名的形式。

Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而会让开发者有机会在特定阶段运行自己的代码，这些特定的函数通称为：生命周期钩子。2、父 beforeMount‌ > 子 beforeCreate > 子 created > 子 beforeMount > 子 mounted > 父 mounted。父 beforeDestroy‌ > 子 beforeDestroy > 子 destroyed > 父 destroyed。3、当父组件的某些数据更新时。

在vue中，props常用来父子组件的传值，但是Vue3与Vue2在写法上是有较大的出入。在Vue3中以define开头的工具函数一般是宏函数，在页面中基本上是不用引入的。在子组件中是可以对父组件传递的值进行限制，不能随便传也不能随便改。

对数据进行限制，以至于在以后的开发中，如果数据擅自更改时，会有报错提示。在src目录创建type文件夹用于存放各种接口限制 index.ts。

2.用在组件标签上，获取的是组件实例对象。作用：用于注册模板引用。

3.watchEffect 不用明确指出监视的数据（函数中用哪些属性，那就监视哪些属性）立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数。1.都能监听响应式数据的变化，不同的是监听数据变化的方式不同。2.watch 要明确指出监视的数据。

若修改的是ref定义的对象中的属性，newValue和oldValue都是新值，因为它们是同一个对象。vue2使用的是选项式API，vue3可以是选项式API也可以是组合式API，官方推荐使用组合式API，定义的reactive的对象类型数据时，对其进行解构赋值的话，会失去其响应式。reactive定义的数组或对象是深层次的，无论层级有多少，都会是响应式的。当使用ref定义的对象型数据，进行全量覆盖赋值时，是保留了其响应特征的。比如定义好的数据，直接重新给数据赋值一个新的原对象时，会失去响应式。