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会监听数据的变化，从而自动重新渲染页面的结构好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是

问题我们在使用 element-ui 组件库中的 form 组件的时候，发现让每个 el-form-item 呈现多行多列的时候会显得 input、select 框参差不齐，而且当页面的宽度足够大的时候在最左边回留有空隙原因由于它的内置样式无法自适应，所以需要自己来写样式覆盖掉内置样式解决方法在 form 组件内的 style 标签内添加如下代码.el-form-item {margin-righ

一、父传子 (自定义属性–props)父组件向子组件传值，通过自定义属性的方式进行传值，在子组件中用 props 定义自定义属性，然后在父组件中通过 v-bind 指令把需要传递的数据绑定在子组件上，那在子组件中 props 里面的自定义属性可以直接使用代码演示父组件代码<template><div class="app-container"><h1>App 根