![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
puzhiren819
共同进步
展开
-
vue3:兄弟组件,跨组件传值,事件总线的通信方式(mitt )
在vue2中的跨组件通信中,我们如果不用状态管理vuex的话,我们就会采用事件总线的通信的方式,但是在vue3中移除了事件总线,我们不能再这么用,所以官方给我们推荐了外部第三方的库来帮我们完成事件总线。原创 2022-11-26 00:51:35 · 752 阅读 · 0 评论 -
vite创建vue3项目
该文章主要通过 vite + vue3 + vue-router+ Element Plus + axios 搭建项目。原创 2022-08-12 18:22:44 · 5169 阅读 · 2 评论 -
重写VueRouter的push|replace
重写VueRouter的push|replace原创 2022-06-23 22:39:01 · 487 阅读 · 3 评论 -
let var const的区别
var变量可提升var可重复声明(var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历)var声明的变量为全局变量,并且会将该变量添加为全局对象的属性let let声明的变量只在局部作用防止变量污染块级作用域(内层变量可能覆盖外层变量)const 1、onst声明的常量不可被改变(const保证的并不是变量的值不能改动,而是变量指向的那个内存地址不能改动。)2、初始值设置: 在变量声明时,var 和 let 可以不用设置初始值。而..原创 2022-05-31 10:25:32 · 66 阅读 · 1 评论 -
对象的概念
什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。var obj = { a: 'Hello', b: 'World'};大括号就定义了一个对象,它被赋值给变量obj,所以变量obj就指向一个对象。该对象内部包含两个键值对(又称为两个“成员”),第一个键值对是a: 'Hello',其中a是“键名”(成员的名称),字符串Hello是“键值”(成员的值)。键名与键值之间用冒号分隔。第二个键值对是b: 'World',b是键名,Wo原创 2022-05-30 09:34:46 · 2039 阅读 · 0 评论 -
请求数据应该放在Created还是Mounted
在Created生命周期Data生成,请求返回的数据需要挂载在data上,所以Created里是可以请求的,但 Created 的这时候DOM还没有初始化;Mounted生命周期里DOM才渲染完成beforeCreate // 这时候data,methods函数未挂载created // data已挂载、methods函数已挂载beforeMount // 相关的render函数首次被调用,dom未挂载mounted // dom已渲染挂载完成beforeUp原创 2022-05-27 14:07:58 · 2719 阅读 · 3 评论 -
js中的new会做什么
创建一个新对象/临时对象绑定原型指定this = 临时对象执行构造函数返回对象第一步,创建一个空对象obj。第二步,将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。第三步,将构造函数的作用域赋给新对象,因此构造函数中的this指向新对象obj,然后再调用构造函数,为这个新对象添加属性。第四步,返回新对象obj。new过程中会新建对象,此对象会继承构造器的原型与原型上的属性,最后它会被作为实例返回这样一个过程。...原创 2022-05-26 16:48:50 · 167 阅读 · 1 评论 -
前端面试常问合集
JS数据类型面试官:JavaScript中什么是基本数据类型什么是引用数据类型?以及各个数据类型是如何存储的?⭐⭐⭐⭐⭐答:基本数据类型有NumberStringBooleanNullUndefinedSymbol(ES6新增数据类型)bigInt引用数据类型统称为Object类型,细分的话有ObjectArrayDateFunctionRegExp基本数据类型的数据直接存储在栈中;而引用数据类型的数据存储在堆中,每个对象在堆中有一个引原创 2022-05-24 10:23:14 · 159 阅读 · 2 评论 -
支付源代码
在mian.js 中统一引入接口。原创 2022-05-18 16:57:40 · 563 阅读 · 0 评论 -
订单个人中心
Center vue文件。原创 2022-05-18 16:57:13 · 63 阅读 · 0 评论 -
路由独享守卫
【代码】路由独享守卫。原创 2022-05-18 16:58:13 · 51 阅读 · 0 评论 -
$route和$router的区别
$ route 获取路由信息$ router 用来操作路由经常用的跳转链接就可以用this.$router.push,和router-link跳转一样//假如当前路径是homethis.$router.push("/name") //path为/namethis.$router.push("name") //path为/home/name如果加/会被当作根目录,不加当前的路径会嵌套在之前的路径中$route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包...原创 2022-05-18 16:16:21 · 602 阅读 · 4 评论 -
封装分页器
分页器子组件封装<template> <div class="pagination"> <!-- 上 --> <button :disabled="pageNo == 1" @click="$emit('getPageNo', pageNo - 1)"> 上一页 </button> <button v-if="startNumAndEndNum.start > 1" .原创 2022-05-15 18:14:20 · 246 阅读 · 4 评论 -
订单源代码
写routerimport Trade from "@/pages/Trade"let router = new VueRouter({ //配置路由 routes: [ { path: "/trade", name: "Trade", component: Trade, },}找到购物车 vue <div class="sumbtn"> <router-link cla原创 2022-05-06 23:51:37 · 944 阅读 · 4 评论 -
商城注册 登录业务代码
注册注册模块的接口 api//获取验证码//URL:/api/user/passport/sendCode/{phone} method:getexport const reqGetCode = (phone) => requests({ url: `/user/passport/sendCode/${phone}`, method: "get" });//注册//url:/api/use...原创 2022-05-06 22:59:36 · 462 阅读 · 2 评论 -
vue生命周期函数面试题
生命周期函数就是vue实例从创建到销毁的过程即从原创 2022-04-29 10:50:04 · 172 阅读 · 2 评论 -
路由的跳转
1.声明式导航:router-link 可以进行路由式跳转(本质为a标签,要加to属性)2.编程式导航:push/replace 可进行跳转,声明式导航可做的,他都能做,还可做其他的业务逻辑只是跳转,无别的业务用router-link...原创 2022-02-20 23:17:46 · 154 阅读 · 0 评论 -
闭包的理解
函数嵌套函数,函数里面的函数(内部函数),就是闭包。闭包,内部函数没有执行完成,外部函数不会被销毁(垃圾回收)。闭包可以封装一个代码闭包常用来间接访问一个变量,为了避免误修改数据。我们采用变量加函数的方式。function a(){ let x=0; function b(){ alert(x++);} return b;};let c=a();c();函数a里面嵌套一个函数b,函数a返回b。这样执行var c=a()实际指...原创 2022-02-20 23:01:11 · 275 阅读 · 0 评论