养老机构查询

资讯

养老资讯2023年08月25日

Vue中实现一个深拷贝递归函数

这里是在data中定义的数据，进行深拷贝之后，修改了data之中的数据，发现拷贝的数据没有发生改变，说明拷贝成功了。 效果图： 功能代码 deepClone(obj) { if (typeof obj !== 'object' || obj === null) { return ...

阅读详情

资讯

养老资讯2023年08月25日

Vue自定义指令进入页面光标自动聚焦到input框上

使用 Vue.directive可以注册全局指令，第一个参数为指令的名字,第二个参数为对象，也可以是一个指令函数。 里面有几个钩子函数 // 钩子函数，处理指令相关的逻辑 bind(el, binding, vnode) { // 指令绑定时的逻辑 }, inserted(el,...

阅读详情

资讯

养老资讯2023年08月25日

Vue.observable让一个对象变成响应式数据

Vue.observable，让一个对象变成响应式数据。Vue内部会用它来处理data函数返回的对象 返回的对象可以直接用于渲染函数和计算属性内部，并且会在发生变更时触发相应的更新。也可以作为最小化的跨组件状态存储器 使用场景 在非父子组件通信时，可以使用通常的bus或者使用v...

阅读详情

资讯

养老资讯2023年08月25日

slot的理解及用法

slot是什么 在HTML中 slot 元素 ，作为 Web Components 技术套件的一部分，是Web组件内的一个占位符 该占位符可以在后期使用自己的标记语言填充 举个例子： <template id="element-details-template"> &...

阅读详情

资讯

养老资讯2023年08月23日

React遍历对象包数组key是标题

这里使用的是Object.entries 示例代码 import React from 'react'; function MyComponent() { const myObject = { title1: , title2: , title3: , }; return ( &...

阅读详情

资讯

养老资讯2023年08月23日

React中使用useEffect为什么里面的请求会触发2次

useEffect是React18的新特性，表示React的生命周期Hooks组件。 等价于Claas组件的componentDidMount、componentDidUpdate，useEffect的返回函数等价于componentWillUnmount。 组件卸载、重新挂载...

阅读详情

资讯

养老资讯2023年08月22日

React组件使用lazy懒加载提升效率

引入lazy使用懒加载方式明显提升加载时间 未使用懒加载前 使用懒加载后 import React, { lazy, Suspense } from 'react'; import './App.scss'; import { HashRouter, Route, Routes...

阅读详情

资讯

养老资讯2023年08月22日

React配置二级路由

在layout中配置二级路由只需要在Route下面嵌套Route即可，在需要显示的地方写 例如： 配置二级App.js <Route path='/Layout' element={<Layout />}> {/* 热映 */} <Route pa...

阅读详情