- 博客(30)
- 收藏
- 关注
RSS订阅原创 JSX中函数传参后立即执行
其中，thisArg 是指定函数中的 this 关键字指向的对象，arg1，arg2，... 是传递给函数的参数。与 call 和 apply 不同，bind 函数不会立即调用函数，而是返回一个新的函数，可以将它存储在变量中，然后在需要时调用。（2）利用 bind，因为 bind 可以改变 this 指向，此时 this 仍指向这个实例，但可以阻止函数立即执行，但 apply 和 call 不能实现。，该函数将绑定到指定的上下文，当该函数被调用时，它将以指定的上下文运行。（1）return 一个函数。
2024-06-29 14:54:44
82
原创 路由模式--哈希模式下使用a标签跳转会有问题
路由模式分为 history 和 hash 两种模式，在 hash 模式下，使用 a 标签去跳转路由，可能会有问题。路径始终是这样子正常的。
2024-06-22 15:41:31
353
原创 Class类--constructor构造函数
在JavaScript的类（Class）中，如果在 constructor（构造函数）里使用 ‘this.方法名()’，通常是用来在创建类的实例时立即调用某个方法，以完成一些初始化或设置操作。这种方式可以确保在对象创建时就执行特定的方法，而不需要显式地在类外部再次调用。当我们使用 ‘new MyClass()’ 创建一个 ‘MyClass’ 的实例时，构造函数会立即调用 ‘this.initialize()’。这样，无需额外调用 ‘initialize()’ 方法，对象在创建时就已经完成了初始化操作。
2024-06-21 17:21:50
504
原创 如何在setup()函数之外的其他地方需要访问路由器(router)
函数之外的其他地方需要访问路由器(router)，可以使用。函数获取当前组件实例，然后从中访问路由器。函数返回当前正在执行的组件实例。然后，可以从组件实例中访问。
2024-04-18 15:39:26
592
原创 vue3 v-bind绑定属性 v-bind=“$attrs“
父组件中传递的值，在子组件中可通过 v-bind="$attrs"来绑定。v-bind="$attrs"用于将父组件传递的所有非props属性绑定到子组件的根元素上。这样的好处是可以在子组件中使用父组件中的非props属性，不需要一个一个手动传递。动态绑定一个或多个attribute，也可以是组件的prop。
2024-04-11 16:53:46
1593
原创 vue3父组件获取子组件所有属性
在这个例子中，父组件通过 ref="childComponentRef "引用了子组件，并且可以通过 childComponentRef.value 访问子组件的实例。当父组件的 parentMethod 被调用时，它会调用通过 ref 获取到的子组件实例的 childMethod。在Vue 3中，如果想要在父组件中获取子组件的所有公开属性和方法，可以不使用 defineExpose，直接通过 ref 来引用子组件，然后通过这个 ref 访问子组件的实例。
2024-04-11 15:12:19
1217
原创 Ant Design Vue中的table与pagination的联合使用
【代码】Ant Design Vue中的table与pagination的联合使用。
2024-04-02 10:03:15
872
原创 封装表格组件，最后一列动态生成 vue3子组件通过slot传值向父组件
将表格二次封装，方便以后开发中的复用。每次只需调用表格组件后，在父组件中往子组件标签上写入dataSource（表格数据）和columns（表格列标题）即可。在子组件的template标签中通过slot插槽来传值（每一行的值），在父组件中通过v-slot="slotProps"接收子组件传过来的值。slots: { customRender: "operation" } 来动态渲染。此案例中最后一列是删除按钮，动态生成，在父组件中定义columns时用。父组件Parent.vue。
2024-04-01 18:58:44
414
原创 RefImpl 对象 .value时数据为空，直接输出则显示数据（vue3前端异步问题 ）
因为console.log打印对象的执行机制，当你在浏览器控制台点击对象，展开对象时，此时浏览器才会去对象所在的堆内存中获取数据,再经过浏览器编译，展示在控制台。控制台对象一旦打开后，就不再修改，其值就会存储在浏览器中，即使后面代码再次更新对象，也不会改变了。通过watch就可以打印出来了。通过.value打印出来是空。
2024-04-01 18:34:30
2041
原创 vue3的watch属性
观察reactive定义的一个属性。观察reactive定义的多个属性。观察ref定义的一个属性。观察ref定义的多个属性。
2024-04-01 18:23:23
951
原创 Array方法总结（二）
判断一个数组是否包含一个指定的值，包含返回true，否则返回false。includes(searchElement, fromIndex) 开始搜索的索引（从零开始）。如果 fromIndex大于等于数组的长度，则将直接返回false，且不搜索该数组。
2024-03-30 14:07:21
1676
1
原创 Array方法总结（一）
copyWithin(target, start, end) 从start开始到end(不包括end)的元素复制到target开始的位置，不改变原数组长度。复制数组的一部分到同一数组中的另一位置，并返回自身。返回一个新的数组迭代器对象，该对象包含数组中每个索引的键/值对。返回数组中满足条件的第一个元素的值。一个数组内的所有元素是否都通过指定函数的测试。返回一个新数组，包含所有通过所提供函数实现的测试的所有元素。返回满足条件的第一个元素的索引。创建一个新的数组，将所有子数组元素拼接到新的数组中。
2024-03-29 17:14:33
579
1
原创 vue3父子组件之间的传值方式
下面的简单例子中，ChildA组件有一个按钮，当按钮被点击时，会触发一个名为 value-changed的事件，并将一个值传递给父组件。父组件的handleValueChanged方法会捕获这个事件，并将接收到的值存储在本地状态中，然后这个值会通过props传递给ChildB组件。在vue3中，可以使用props和emit来实现父子组件之间的通信。子组件可以使用emit发出一个事件，父组件监听这个事件，并将数据传递给另一个子组件。子组件ChildA.vue。子组件ChildB.vue。
2024-03-27 14:46:30
635
原创 在setup(){}中获取不到this，怎么使用emit传值
在vue3的setup函数中，没有了this关键字，因为setup是在组件初始化阶段运行的，此时组件实例还没被创建，因此也就不存在this对象。在vue2中，使用this.$emit来触发父组件的事件，在vue3中，可以直接把emit函数作为参数传递进来。
2024-03-27 14:19:11
579
原创 npm i报错：npm ERR! ERESOLVE unable to resolve dependency tree
【代码】npm i报错：npm ERR!
2024-03-13 16:22:16
686
原创 使用innerHTML插入元素设置class不生效
在 js 中通过 .innerHTML 添加元素到页面中元素可以渲染到页面中，并且控制台中可以看到 class ，但样式不生效。
2024-03-05 14:37:18
1029
原创 防抖和节流
这样后面的setTimeout在触发前会判断阀门是否关闭，如果关闭了则不会继续触发，要等之前的setTimeout执行完后，才允许触发后面的setTimeout。防抖：在执行setTimeout之前，先使用clearTimeout() 把。防抖和节流的原理都用到了闭包：里面的变量只会在闭包中使用，不会受到外部的污染。防抖：短时间内触发了多个setTimeout，节流：在第一次触发了setTimeout之后，，这样就达到了只会执行最后一次触发的setTimeout。先把阀门关闭，等待执行完后再把阀门打开。
2024-02-29 15:15:52
592
1
原创 Vue2和Vue3的区别
Vue3 中绑定的是 modelValue 属性和 update:modelValue 自定义事件。Vue2 中绑定的是 value 属性和 input 自定义事件。Vue3 比较相同层级子节点时，求最长重复子序列，然后再比较。Vue2 比较相同层级子节点时，从两端到中间遍历。Vue2 中 v-for 优先级更高。Vue3 中 v-if 优先级更高。（六）Vue2和Vue3 Diff算法原理不一样。（三）v-for和v-if优先级不同。（一）生命周期函数不同。（五）响应式原理不一样。（四）开发模式不一样。
2024-02-29 14:31:41
963
1
原创 在Vue项目中使用阿里巴巴矢量库下载的svg素材
后可对素材进行颜色、大小进行编辑，也可重命名，然后。之后放到assets文件夹下。中可通过下面的方式进行使用。
2024-02-28 15:18:12
671
1
原创 npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。
2024-02-28 14:50:40
3573
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人