cjx177187的博客

接口是一种自定义类型, 也就是类型了, 所以不但可以声明变量的类型，也可以声明函数参数(也是变量类型)，函数返回值的类型。接口变量可以引用接口实现类对象, 但是只能访问接口中声明过的成员, 接口变量也可赋值为null或undefined,如果想使用此接口变量访问所有对象成员，那么可以对接口变量进行"类型断言"为对象所属类的类型。(2)对象是通过new 出的对象, 对象中成员必须包含接口中声明的成员不可少，但是。对象是字面量对象, 对象中成员必须与接口中声明的成员完全相同，不可多，也不可少。

4.1 setup 语法 返回的对象的成员可以在模板中使用 也可以在组件的api中使用 但是这个函数中不能使用组件api中的东西。4.3 setup函数内部的变量可以去设计为响应式的变量 那么可以使用官方的hook,也就是ref reactive等工具。//4.setup返回的对象中的数据和data中的数据同名了 setup优先级更高。//2.这个函数的返回值 可以被当前组件的任意地方使用。4.5特点: //1.这个函数内部的变量/函数是局部的。//ref这个响应式是怎么设计的?

这个钩子会在组件的任意 DOM 更新后被调用，这些更新可能是由不同的状态变更导致的。当这个钩子被调用时，组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点。这个钩子可以用来在 Vue 更新 DOM 之前访问 DOM 状态。注意：不要在 updated 钩子中更改组件的状态，这可能会导致无限的更新循环！这个钩子通常用于执行需要访问组件所渲染的 DOM 树相关的副作用，或是在。父组件的更新钩子将在其子组件的更新钩子之后调用。这个钩子在服务器端渲染期间不会被调用。这个钩子在服务器端渲染期间不会被调用。

/ 这里易错语法:如果箭头函数直接指向返回值的同学 记得把返回的对象用小括号括起来。一个文件一个小仓库,仓库之间可以相互访问数据 不同组件也可以访问任意小仓库数据。//2.有参数 想用哪个用哪个。// 类似于计算属性。

在pinia中没有提供mutaion 因为Actions就够了(它可以异步同步的统一修改状态)之所以提供这个功能 就是为了项目中的公共修改状态的业务统一。//可以多写但是不会添加到仓库中，相同的变量会覆盖值，不同的也不会添加。//store是一个响应性对象 因此可以修改并刷新。//2.有参数 想用哪个用哪个。3.2添加仓库文件car.js。//一定不要忘了value。//main.js文件。3.3.vue文件使用。"6666修改成功啦"将仓库的值赋值给变量。// toRef修改。// 类似于计算属性。

/如果代理的target是https接口,需要配置它。：(vue2.0中的vue.config.js文件)//注意在组件钩子中获取,不要在事件中。：(vue.config.js文件)// 需要代理的网址。

toRef()====>基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。isRef()=====>检查某个值是否为 ref。//判断是否为响应性变量。是需要改的对象中的属性。

suspense> 组件有两个插槽。它们都只接收一个直接子节点。default 插槽里的节点会尽可能展示出来。如果不能，则展示 fallback 插槽里的节点。等待异步组件时渲染一些额外的内容,让应用有更好的用户体验。

Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部，以构建一个组成应用程序 UI 的树。然而，有时组件模板的一部分逻辑上属于该组件，而从技术角度来看，最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置。-- 在body中添加模态弹窗 -->举例：(在body中添加模态弹窗)to属性：放到指定位置。

和Vue2.0不同，2.0使用组件是要在components属性中注册组件；在Vue3.0中只需要在script标签中导入组件就可以使用了，不需要再注册组件。用法：基本用法和vue2.0没什么区别，但是不用再都写在computed对象中,只需要再下那个要计算的函数前添加computed().注意引用对象arr要用reactive函数，实现响应式数据。

如果这份vue文件中使用了2.0的语法要使用3.0的语法就可以使用steup函数；如果vue文件只使用3.0语法，就可以使用setup语法糖==>script标签中添加setup。监听了value的改变，劫持value属性的setter和getter;使用场景：用于一般的基本数据，或者应用数据的嵌套层级不深的数据上。setup返回的对象中的数据与Data中的数据重名了，setup的优先级更高。这个函数的返回值可以被当前组件的任意地方使用。函数内部的变量、函数是局部的。一样，但底层是采用的是。

语法：const 代理一个对象 = reactive(被代理的对象) 接收一个对象（或数组），返回一个代理器对象（proxy对象）基本类型的数据：响应式依然是靠Object.defineProperty()的get和set完成的。对象类型的数据：内部“求助”了Vue3.0的一个新的函数------reactive函数。- 内部基于ES6的Proxy实现，通过代理对象内部的数据都是响应式的。使用场景：用于一般的基本数据，或者应用数据的嵌套层级不深的数据上。一样，但底层是采用的是。

使用setup函数后可以直接再函数内定义变量修改变量和方法，不用在data中定义数据，再去metheds中写方法，注意每次都要返回数据和方法。setup不能是一个async函数，因为返回值不再是return的对象，而是Promise，模板看不到return对象中的属性。Vue2.x配置（data，methods，computed......）中可以访问setup中的属性，方法。setup返回的对象中的数据与Data中的数据重名了，setup的优先级更高。函数内部的变量、函数是局部的。