weixin_48975022的博客

在Vue中，props是从父组件流向子组件，在子组件的mounted及之前的生命周期钩子中，子组件只能接收到父组件的第一次props，如果父组件的props改变了，那么子组件在以上这些生命周期钩子中是接收不到的，那么最好的解决办法当然就是在子组件中采用watch来侦听peops的变化。

本文转载自：(/≧▽≦/)馒头加梨子！原博客内容如下：今天看别人的单元测试代码的时候碰到了一段代码，初看起来不是很懂，后来通过查资料弄懂了，记录下来，供以后开发时参考，相信对其他人也有用。

vbenjs/vite-plugin-vue-setup-extend - Vite 中文文档 (viterc.cn)2）使用vite-plugin-vue-setup-name-support插件，这个插件是用来解决。Vue3中的setup语法糖中的name命名无效。即：如果你是按如下写组件的name，是不起作用的。1）手动写一个script标签，然后默认暴露名称。语法糖中无法给组件命名的缺陷。

在前端发送请求时，如果想要携带 cookie，通常只能携带存储在与请求域名相同路径的 cookie。这是由浏览器的同源策略所决定的。同源策略要求请求的域名、协议和端口都必须一致，否则浏览器会限制跨域请求的权限。当浏览器发送跨域请求时，默认情况下不会自动携带 cookie，只有在以下两种情况下才会携带：目标域名设置了允许携带 cookie 的响应头（Access-Control-Allow-Credentials），并且请求的 origin 域名也在目标域名的白名单中。

Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。违反：没有添加被动事件监听器来阻止'touchstart'事件，请考虑添加事件管理者'passive'，以使页面更加流畅。

通过props传递一个函数，子组件可以通过这个函数来改变父组件中的数据，这个我在vue中没遇到过，因此突发奇想的把组件间通信方式总结下，持续更新ing...如下，有两个组件，父组件和子组件，父组件中有个数据count，子组件接收到父组件的数据，并点击按钮改变父组件的数据，你会想到哪几种方法呢？上面这句话是Vue3官方语言，这告诫我们操作响应式数据尽量在供给方组件（父组件）中，但在很多情况下我们需要在子组件操作数据。最近学react，发现react中可以由。props传值就不墨迹了，大家都会！

函数来监听一个非响应式的值，那么它将无法正常工作，并且会报错或产生意外行为。因此，确保你要监听的值是经过 Vue.js 包装成响应式对象的，这样才能够正确地使用。在 Vue.js 中，当一个响应式对象的属性发生变化时，它会自动触发更新。在这种情况下，Vue.js 会自动将该函数返回的值进行包装，并将其作为响应式对象来监视。不是响应式的，但由于你使用了一个函数进行监视，它最终被转换成了一个响应式对象，并可以正常工作。函数来监听这些变化，并在回调函数中执行相应的操作。的变化，并在回调函数中执行相应的操作。

为了解决这个问题，可以尝试给iframe设置样式时，直接在HTML文件中添加CSS样式表进行设置，或者使用JavaScript代码来控制iframe的样式属性。另外，也可以通过父组件向子组件传递props，将样式属性传递给iframe，从而实现样式设置。当在Vue中插入了iframe时，如果在Vue组件的样式或者style标签中写iframe的样式，则有可能不起作用。这是因为iframe标签本身就是一个独立的HTML文档，它并没有继承父组件的样式。

自定义 Hook 是一种抽象逻辑的方式，它通常会与组件的数据和逻辑进行解耦，从而提高代码复用性和可维护性。如果设置immediate：false，则该函数不会立即执行，可以设置手动调用execute来在任何地方进行执行。钩子中调用，会使得组件的数据和逻辑变得混杂不清。函数中调用，从而遵守 Vue 3 的设计原则，并能够实现可复用、可维护和高效的异步请求逻辑。函数中调用自定义 Hook，并将其返回值与组件的数据绑定起来，从而实现特定的功能。钩子中调用，就违背了 Vue 3 的设计原则。

选项时，可能会出现一些问题，因为监听器回调函数的执行时机与其他生命周期钩子不太相同。在组件初始化时，Vue 会先创建和挂载组件实例，然后才会开始监听数据的变化。监听器则是用来监听数据变化的，当指定的数据发生变化时，会触发对应的回调函数。选项时，它将会在初始绑定时立即执行回调函数，并且接收到初始值。选项的作用是告诉 Vue 在首次绑定时就要立即调用监听器函数。监听器会在下一次数据更新时被触发，而不是在组件创建期间。选项，那么该监听器会在组件创建期间立即被调用。钩子会在组件实例被创建后立即调用。

定义一个store在组件中使用此store。

/情况四：监视reactive定义的响应式数据中的某个属性,不可以直接写成person.job，必须写成一个函数形式()=>person.job。},{deep:true}) //此处由于监视的是reactive素定义的对象中的某个属性，所以deep配置有效。console.log('person的job变化了',newValue,oldValue)console.log('person的job变化了',newValue,oldValue)//情况五：监视reactive定义的响应式数据中的某些属性。