导航

• 博客园
• 首页
• 新随笔
• 新文章
• 联系
• 订阅
• 管理

08 2023 档案

• vue3怎么使用defineExpose
  摘要：在使用单文件组件<script setup>创建一个子组件，会遇到父组件需要调用子组件的方法或变量的情况，这个时候，子组件中就需要使用defineExpose把子组件中那些需要被父组件调用的方法或变量给输出，方便父组件使用。 1.子组件 在子组件中，定义updata方法、getData方法、num变 阅读全文
  posted @ 2023-08-10 17:49 pwindy 阅读(1569) 评论(0) 推荐(0)
• Vue3中的defineProps方法
  摘要：1.什么是defineProps defineProps是Vue3中的一种新的组件数据传递方式，可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时，子组件也会随之响应。 2.如何使用defineProps？ 在子组件中可以使用defineProps声明该组件需要接收的p 阅读全文
  posted @ 2023-08-10 14:32 pwindy 阅读(44127) 评论(0) 推荐(1)
• js之实现for-in/of循环对象
  摘要：1.in/of对比 for...in...是es5出的循环方法，for...of...是es6推出的。两个都是迭代数据的。 for...in：以任意顺序迭代对象的可枚举属性。=> 根据key值来遍历 for...of...：遍历可迭代对象，定义要迭代的数据。 2.for...in... //表现 l 阅读全文
  posted @ 2023-08-09 15:05 pwindy 阅读(383) 评论(0) 推荐(0)
• ES6中的Promise以及应用
  摘要：1.认识Promise 1.1.什么是Promise呢 Promise是异步编程的一种解决方案。 什么时候处理异步事件：常见的场景是网络请求。封装一个网络请求的函数，因为不能立即拿到结果，所以不能简单的将结果返回。所以往往会传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调回去。如果只是一 阅读全文
  posted @ 2023-08-08 01:07 pwindy 阅读(222) 评论(0) 推荐(0)
• web前端：main、header、footer、nav、article、section标签的用法
  摘要：HTML5添加了诸如main、header、footer、nav、article、section等大量新标签，这些新标签为开发人员提供更多的选择和辅助特性。 默认情况下，浏览器呈现这些新标签的方式与div相似。然而，合理地使用它们，可以使你的标签更加的语义化。辅助技术（如：屏幕阅读器）可以通过这些标 阅读全文
  posted @ 2023-08-07 21:41 pwindy 阅读(3684) 评论(0) 推荐(0)
• axios 请求拦截（request）与响应拦截（response）
  摘要：1.请求拦截(request) 请求拦截就是在发ajax之前做些什么！例如：可以在请求拦截里面加个token请求头，做些判断等等！ 语法： axios.interceptors.request.use( (config)=>{}, (error)=>{} ) 1.1.参数1：(config)=>{} 阅读全文
  posted @ 2023-08-07 19:24 pwindy 阅读(1503) 评论(0) 推荐(0)
• vue-router addRoute将子路由添加到指定路由下
  摘要：router.addRoute()可以向vue路由中动态的添加路由信息，但，路由存在多层级关系，例如，最开始的路由是这样的： { path: '/', name: 'layout', component: resolve => require(['../layout'], resolve), met 阅读全文
  posted @ 2023-08-06 22:58 pwindy 阅读(2694) 评论(0) 推荐(0)
• replace方法解决全部替换的问题
  摘要：replace函数一次只能替换一个目标字符串。 当需要替换多个相同目标时，可以配合while循环替换所有字符串 1.替换一个目标字符串 const prase = "一个中国北方的中国人在做中国结" const useReplace = prase.replace("中国", "") console 阅读全文
  posted @ 2023-08-06 16:03 pwindy 阅读(981) 评论(0) 推荐(0)
• 安装yarn以及常用命令
  摘要：一、安装yarn npm install -g yarn yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao.org/di 阅读全文
  posted @ 2023-08-04 16:58 pwindy 阅读(185) 评论(0) 推荐(0)
• import * as from
  摘要：import * as obj from "xx" 这种写法是吧所有的输出都包裹到obj对象里(obj是一个对象) 例如，xx文件中的代码内容如下： export function hello(){ return "我是hello函数的内容" } export function login(){ r 阅读全文
  posted @ 2023-08-03 22:45 pwindy 阅读(86) 评论(0) 推荐(0)
• vue3路由的两种引入方式useRouter和router进行页面跳转
  摘要：1.在vue3中有两种路由的引入方式 第一种 import { useRouter } from 'vue-router' const use_router = useRouter() use_router.push('/pathName') 第二种 import router from '@/ro 阅读全文
  posted @ 2023-08-01 21:27 pwindy 阅读(6052) 评论(0) 推荐(0)
• import时加{}与不加的区别
  摘要：在javascript中，使用import语句导入模块时，加上花括号{}与不加的区别在于： 1.不加花括号 导入整个模块对象。 例如： import axios from 'axios' 会导入整个axios模块，可以通过axios.get()等方法来使用它。 2.加上花括号 只导入模块中的指定变量 阅读全文
  posted @ 2023-08-01 19:19 pwindy 阅读(848) 评论(0) 推荐(0)