- 博客(16)
- 收藏
- 关注
RSS订阅原创 VUE3.0 VUEX模块的用法
默认的模块，state区分模块，其他getters,mutations,actions都在全局。带命名空间namespaced:true,的模块，所有功能区分模块，更高封装度和复用。
2023-07-31 13:12:17
208
1
原创 vue3组合API-依赖注入
inject函数给当前组件注入provide提供的数据和函数。provide和inject函数完成后代组件数据通讯。provide函数提供数据给后代组件使用。
2023-07-26 12:53:22
114
1
原创 vue3 组件通讯
子组件在setup中可以通过setup的第一个参数获取到父组件传过来的props。context 可以解构出 emit 用来触发自定义事件，实现子传父。setup两个参数，props，context。props用来接收父组件传参。
2023-07-25 23:42:26
98
1
原创 vue3 组合API ref属性
遍历的元素：先定义一个空数据，定义一个函数获取该元素，返回给模板使用，通过ref绑定（当去遍历的时候，回去不断的调用这个函数，会传进来每个元素，然后push进入定义的空数组）单个元素：先申明ref响应式数据，返回给模板使用，通过ref绑定数据。获取DOM或者组件实例可以使用ref属性，写法和vue2需要区分开。获取v-for遍历的DOM或者组件。获取单个DOM或者组件。
2023-07-24 23:17:35
234
原创 vue3中的computed用法
通过get函数和set函数，对原始的响应式数据进行更改，间接更改计算属性的值，使计算属性也可以通过v-model双向绑定计算属性。2.给computed传入对象 ，get获取计算属性的值，set监听计算属性改变。当依赖于一个响应式数据，根据一定螺距得到一个新的数据。1.给computed传入函数，返回值就是计算属性的值。使用computed时使用对象。不可以直接对计算属性进行修改。
2023-07-18 23:39:01
1093
1
原创 ref和reactive组合式API应用
指定move函数为事件对应方法 在函数中华修改坐标。在setup返回数据，模板中使用。定义一个简单数据类型的响应式数据。在setup中返回数据和函数，在模板中使用。定义一个修改数字的方法。
2023-07-18 23:17:55
90
1
原创 组合API ref函数
在模板中使用ref申明的响应式数据，可以省略.value。当你明确知道需要的是一个响应式数据对象 那么就用reactive即可。获取值的时候，需要.value。ref函数，常用于简单数据类型定义为响应式数据。
2023-07-18 22:24:10
140
1
原创 vue3-toRef函数
toRefs是函数，转化响应式对象中所有属性为单独响应式数据，对象成为普通对象。toRef转化响应式数据包装成对象。value存放值的位置。toRefs函数定义转化响应式中所有属性为响应式数据。，通常用于解构|展开reactive定义对象。
2023-07-18 21:42:56
133
1
原创 移动端适配
选择某个手机的尺寸大小作为基准，其他手机进行。，所以有了该工具，只需要在代码中写。/craco.config.js 中。借助工具 解决适配。元素的字体大小为正常值。rem：需要手动修改。重启项目，让配置生效。
2023-05-06 00:20:28
53
原创 react中配置路径别名
因为项目使用了 TS，而 TS 带有配置文件 tsconfig.json。因此，不需要再使用 jsconfig.json（实际上，jsconfig.json 是参考 tsconfig.json 的）2. 在项目根目录中创建 craco 的配置文件：craco.config.js，并在配置文件中配置路径别名。4. 在代码中，就可以通过 @ 来表示 src 目录的绝对路径。中的配置，让 vscode 知道 @ 就是 src 目录。中导入该配置文件，让配置生效。在该配置文件中添加以下配置。
2023-05-06 00:16:58
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人