vscode 格式化插件以及配置：vscode常用插件：BeautifyEslintVetur进入setting页面点击如图红框进入，把下面的js代码粘贴进入就好了。点击左下角的这只进入设置 搜索 setting.js 然后粘贴即可{// 是否允许自定义的snippet片段提示"editor.snippetSuggestions": "top","editor.fontSize": 14,"edi

vue3 项目封装轮播图组件

封装 websocket

vue3 – 自己封装类似京东商品详情页放大镜效果组件

仿 element-ui Breadcrumb 面包屑组件封装自己的面包屑组件element-ui 面包屑结构<el-breadcrumb separator="/"><el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item><el-breadcrumb-item><a hre

vue3 – 自己封装计时器组件背景在一些商城类网页中打开商品详情都会有一个计数器来选择购买的数量，这样的计时器不仅会在商品详情页面显示还会在购物车里面有，那就可以把计时器封装成组件，以便于更好的服用以及后期维护落地代码<template><div class="xtx-numbox"><div class="label"><slot /></

vue3 – 封装自己的分页组件背景在浏览列表类型的数据的时候，如果数据比较多一次性全部请求会出现性能损耗以及加载延迟等问题，那么此时分页组件就起到了关键作用，它可以只请求一部分数据，也不会占用太多的页面空间，想看别的数据可以通过页码的改变来发起请求，刷新页面数据现在我们自己来封装分页组件组件所需参数total 属性 ：用来传递数据总条数pagesize 属性 ：每页展示几条数据currentPa

vue2 基础入门一、vue 简介1.什么是 vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。2.vue 的特性vue 框架的特性。主要体现在两个方面数据驱动视图双向数据绑定2.1 数据驱动视图​在使用了 vue 的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是

在使用框架开发项目的时候，发送请求使用最多的就是 axios 框架，用法上其实跟 Ajax 类似，但是一般都会在使用的时候对他进行二次封装。这样可以统一配置一些信息，比如 基地址、请求拦截、响应拦截等

JSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX