- 博客(32)
- 收藏
- 关注
RSS订阅原创 企业开发后台
vue.config.js里面引入 css样式 （清除浏览器固定样式）gitHub 使用GitHub开发流程git statusgit add .git pullgit push请求接口时 在响应拦截器中做出反馈登录验证重复密码切换效果。
2023-03-14 20:01:30
296
原创 vue3:兄弟组件，跨组件传值，事件总线的通信方式（mitt )
在vue2中的跨组件通信中，我们如果不用状态管理vuex的话，我们就会采用事件总线的通信的方式，但是在vue3中移除了事件总线，我们不能再这么用，所以官方给我们推荐了外部第三方的库来帮我们完成事件总线。
2022-11-26 00:51:35
776
原创 vite创建vue3项目
该文章主要通过 vite + vue3 + vue-router+ Element Plus + axios 搭建项目。
2022-08-12 18:22:44
5294
2
原创 let var const的区别
var变量可提升var可重复声明（var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历）var声明的变量为全局变量，并且会将该变量添加为全局对象的属性let let声明的变量只在局部作用防止变量污染块级作用域（内层变量可能覆盖外层变量）const 1、onst声明的常量不可被改变（const保证的并不是变量的值不能改动，而是变量指向的那个内存地址不能改动。）2、初始值设置： 在变量声明时，var 和 let 可以不用设置初始值。而..
2022-05-31 10:25:32
94
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
2080
原创 请求数据应该放在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
2878
3
原创 js中的new会做什么
创建一个新对象/临时对象绑定原型指定this = 临时对象执行构造函数返回对象第一步，创建一个空对象obj。第二步，将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。第三步，将构造函数的作用域赋给新对象，因此构造函数中的this指向新对象obj，然后再调用构造函数，为这个新对象添加属性。第四步，返回新对象obj。new过程中会新建对象，此对象会继承构造器的原型与原型上的属性，最后它会被作为实例返回这样一个过程。...
2022-05-26 16:48:50
204
1
原创 前端面试常问合集
JS数据类型面试官：JavaScript中什么是基本数据类型什么是引用数据类型？以及各个数据类型是如何存储的？⭐⭐⭐⭐⭐答：基本数据类型有NumberStringBooleanNullUndefinedSymbol(ES6新增数据类型)bigInt引用数据类型统称为Object类型，细分的话有ObjectArrayDateFunctionRegExp基本数据类型的数据直接存储在栈中；而引用数据类型的数据存储在堆中，每个对象在堆中有一个引
2022-05-24 10:23:14
174
2
原创 $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
636
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
261
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
1096
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
481
2
原创 naxtTick获取服务器数据
在vue中可以使用swiper插件，首先在项目中下载swipercnpm install --save swiper@5我用的是swiper5版本的插件<script>//引入 swiper js文件import Swiper from "swiper";//引入 seiper css文件import "swiper/css/swiper.css"</script>使用在组件中应用，根据具体情况自行配置，具体参考swiper官方文档.
2022-04-10 14:51:04
835
4
原创 Uncaught Error: [vuex] store must be called with the new operator
使用Vuex的时候报错查找文件发现少加了一个关键操作符new，加入关键字new之后页面就正常渲染了，解决报错
2022-04-02 17:22:20
474
原创 组件通信方式
子传父子组件通过$emit抛出自定义事件传递数据子组件<template> <div @click="aaa"></div></template><script> export default { methods: { aaa () { // this.$emit('自定义事件名'， 传过去参数数据) 子组件通过抛出事件 this.$emit('son', {a: ..
2022-03-22 08:33:19
90
原创 vue中的data要用return返回
1.不使用return包裹的数据会在项目全局可见，会造成变量污染，使用return包裹数据中的变量只在当前组件中生效，不会影响其他组件2.当一个组件被定义，data必须为其声明返回一个初始数据对象的函数，因为组件可能被用来创建多个实例//简单vue实例中data属性是如下方式展示 对象式let app = newVue ({ el:"#app", data:{ name:'' }})//在组件实例化项目中 函数式 组件必须使用export d
2022-03-17 08:55:06
3888
1
原创 路由的使用与传参
vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。在vue-router单页面应用中，则是路径之间的切换，实际上就是组件的切换 import Vue from 'vue' //引入Vueimport Router from 'vue-router' //引入vue-routerimport Hello from '@/components/Hello' //引入根目录下的Hello.vue组件 Vue.use(Router) //Vue全局使用
2022-03-04 15:22:29
413
1
原创 简单vue安装
1. 安装node.js环境下载对应你系统的Node.js版本：https://nodejs.org/en/download/安装完成之后验证node.js是否安装成功查看node版本，以及npm 也如下图，则说明npmye 安装成功2.安装淘宝镜像--cnpmnpm是国外的服务器，会出现下载慢或者出现异常cnpm是淘宝团队做的npm镜像，能解决上述问题安装：在命令行中输入npm install -g cnpm --registry=http://registry.n.
2022-02-28 22:50:25
398
原创 vuex的使用
vuex采用集中式存储管理应用的所有组件的公共状态。下载vuex:npm install vuex --save回到入口文件main.js 引入仓库 注册仓库vuex的四个模块：const state = { } //仓库存储数据的地方const mutaions = { } //修改state唯一的地方const actions = { } //处理action，可以书写自己的业务逻辑，也可以处理业务const getters = { } //理解为计算属性，可以简化仓库
2022-02-23 21:40:13
199
原创 路由的跳转
1.声明式导航：router-link 可以进行路由式跳转（本质为a标签，要加to属性）2.编程式导航：push/replace 可进行跳转，声明式导航可做的，他都能做，还可做其他的业务逻辑只是跳转，无别的业务用router-link...
2022-02-20 23:17:46
173
原创 闭包的理解
函数嵌套函数，函数里面的函数(内部函数)，就是闭包。闭包，内部函数没有执行完成，外部函数不会被销毁（垃圾回收）。闭包可以封装一个代码闭包常用来间接访问一个变量，为了避免误修改数据。我们采用变量加函数的方式。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
304
原创 简单的节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2021-10-12 21:30:39
134
原创 简单的防抖
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl...
2021-10-06 20:08:59
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人