weixin_66574681的博客

默认的模块，state区分模块，其他getters,mutations,actions都在全局。带命名空间namespaced:true,的模块，所有功能区分模块，更高封装度和复用。

inject函数给当前组件注入provide提供的数据和函数。provide和inject函数完成后代组件数据通讯。provide函数提供数据给后代组件使用。

子组件在setup中可以通过setup的第一个参数获取到父组件传过来的props。context 可以解构出 emit 用来触发自定义事件，实现子传父。setup两个参数，props，context。props用来接收父组件传参。

遍历的元素：先定义一个空数据，定义一个函数获取该元素，返回给模板使用，通过ref绑定（当去遍历的时候，回去不断的调用这个函数，会传进来每个元素，然后push进入定义的空数组）单个元素：先申明ref响应式数据，返回给模板使用，通过ref绑定数据。获取DOM或者组件实例可以使用ref属性，写法和vue2需要区分开。获取v-for遍历的DOM或者组件。获取单个DOM或者组件。

通过get函数和set函数，对原始的响应式数据进行更改，间接更改计算属性的值，使计算属性也可以通过v-model双向绑定计算属性。2.给computed传入对象 ，get获取计算属性的值，set监听计算属性改变。当依赖于一个响应式数据，根据一定螺距得到一个新的数据。1.给computed传入函数，返回值就是计算属性的值。使用computed时使用对象。不可以直接对计算属性进行修改。

指定move函数为事件对应方法 在函数中华修改坐标。在setup返回数据，模板中使用。定义一个简单数据类型的响应式数据。在setup中返回数据和函数，在模板中使用。定义一个修改数字的方法。

在模板中使用ref申明的响应式数据，可以省略.value。当你明确知道需要的是一个响应式数据对象 那么就用reactive即可。获取值的时候，需要.value。ref函数，常用于简单数据类型定义为响应式数据。

toRefs是函数，转化响应式对象中所有属性为单独响应式数据，对象成为普通对象。toRef转化响应式数据包装成对象。value存放值的位置。toRefs函数定义转化响应式中所有属性为响应式数据。，通常用于解构|展开reactive定义对象。

vue3-reactive定义响应式数据

选择某个手机的尺寸大小作为基准，其他手机进行。，所以有了该工具，只需要在代码中写。/craco.config.js 中。借助工具 解决适配。元素的字体大小为正常值。rem：需要手动修改。重启项目，让配置生效。

因为项目使用了 TS，而 TS 带有配置文件 tsconfig.json。因此，不需要再使用 jsconfig.json（实际上，jsconfig.json 是参考 tsconfig.json 的）2. 在项目根目录中创建 craco 的配置文件：craco.config.js，并在配置文件中配置路径别名。4. 在代码中，就可以通过 @ 来表示 src 目录的绝对路径。中的配置，让 vscode 知道 @ 就是 src 目录。中导入该配置文件，让配置生效。在该配置文件中添加以下配置。

React的setState修改状态，表单的受控与非受控

React函数组件与类组件区别，react中this指向问题

React 17和18版本渲染区别 createRoot，react中如何使用JSX

nginx windows系统开机自启动，无需写脚本

sortable.js实现table表头列的拖拽