一、开篇
vue3.0beta版正式上线，作为新技术热爱者，新项目将正式使用vue3.0开发；接下来总结(对自己技术掌握的稳固)介绍(分享有需要的猿友)上篇博客介绍了vue3.0常用语法及开发技巧；有需要的请点击 Vue3.0 进阶、环境搭建、相关API的使用觉得对您有用的 github 点个 star 呗项目github地址：https://github.com/laijinxian/vue3
vue+elementUI 搭建与使用首先默认安装好了vue3与node.js、webpack打开控制台输入命令 vue create 项目名称 然后回车 创建vue项目vue create vue-manage-system然后进入手动选择配置这里简单介绍一下 前面两个是之前配置好的选择 以后我们创建项目也可以根据需要进行选择默认项目创建，第三个 default是vue本身自己的默认选项，最后一
转载
2024-04-04 19:32:48
61阅读
前言在开发过程中，不可避免的肯定会涉及到异步接口请求。而对于同一项目中，肯定会存在请求的某些异常，处理方式是一样的。如果在每个调用接口请求的地方去处理异常，那么整个项目中，尤其是大项目的时候，就会存在一大堆相同的处理，导致代码的冗余性、重复性特别明显。在未来想对同一种异常做出变更的时候，就需要修改每个调用请求接口的地方，这是非常不利于维护的。这就迫切需要我们对于请求拦截处理做出统一封装，既有利于代
转载
2024-05-10 10:58:29
32阅读
本文记录 Vue3 + ts 实现自定义一个全局插件，用于进行 message 消息提示，所谓全局插件即挂载到 vue 实例上，在 App 的任一子组件中均可通过 app 的实例调用该方法。消息提示功能只是示例主要是记录 Vue3 自定义插件功能的写法。文件结构：src/components/Toast/index.vue 文件用于搭建和渲染消息在页面上的显示效果，比如需要显示在页面的哪个位置、字
一、工具的选择近期想将vue+js+elementUI的项目升级为vue3+ts+elementUI plus，以获得更好的开发体验，并且vue3也显著提高了性能，所以在此记录一下升级的过程
对于一个正在使用的项目手工替换肯定不是个可实现的解决方案，更优方案是基于 AST（抽象语法树）解构代码，根据既定规则，批量修改然后输出文件。
目前主流的转换工具大致有babel插件、gogo code、j
转载
2024-06-11 14:46:19
51阅读
安装：npm i element-ui -s下载最新资源下载相关文件<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com
转载
2024-05-08 15:00:45
34阅读
本教学文章分三部分：第一篇：项目搭建、布局第二篇：用户登录、身份认证、用户权限第三篇：权限管理、商品管理、广告管理一、使用vue-cli创建项目$ vue create project-name
？ Please pick a preset: // 选择预设
> Manually select features // 手动选择功能特性
？Check the feat
转载
2024-05-02 21:51:54
23阅读
遇到一个面试题题目：设计一个按键+跑马灯的DEMO假设现在有A、B、C三个按键（均按下低电平），五个LED灯LED1~LED5高电平点亮核心功能位跑马灯，每次只点亮相邻的三盏灯，以一定时间频率向左或向右移动一盏灯。例如：11100 -> 01110 -> 00111 -> 10011程序刚上电或复位状态：灯显11100，移动方向向右，移动间隔时间1S，跑马灯静止状态按键A单击为修
表单验证在我们前端开发中是经常要用到的业务需求，在日常开发中会大量的使用!那么，我们每天都在使用的这种验证表单是如何封装实现的呢？今天我们就对这个组件的封装来进行研究学习。首先看下elementui的效果 使用方法就不说了，可以仔细阅读使用文档 宇宙门: elementui官网下面是我们今天要展示的自己封装的效果，是此次的重点！ 相关的技术栈是vue3.0+ts+bootsrap(借用她的样式)正
转载
2024-07-29 23:23:58
108阅读
仿有赞后台+vue+ts+vuecli3.0+elementUi+三期aixo的使用vueX的使用element的引入项目结构的搭建 前言 生病了，没有及时写上，各位观众老爷抱歉，今天写上第三期的应该比较干货，具体讲我们怎么搭建项目，以及怎么和后端进行交互，element的引入，vuex在ts改版后 ...
转载
2021-10-21 11:10:00
273阅读
2评论
el-table组件是ElementUI中用于展示表格数据的组件，它支持多种功能，如排序、分页、筛选等。在表格数据较多或数据结构较为复杂的情况下，有时需要对表格进行进一步的处理来更好地展示数据。本文将介绍两种对el-table表格进行进一步处理的方式，分别是每条数据分行展示和合并表格行。每条数据分行展示有时候一行数据需要展示多个字段，但是表格的一行只能显示一个字段，此时可以将每条数据分成多行展示。
转载
2024-10-08 18:11:18
353阅读
1、组件传值时需要传递多个Props在编写组件时，不可避免的要根据需要传递各种值给组件，如果一个个的绑定传递就会显得很麻烦。这时候就可以使用没有参数的v-bind进行绑定const obj = {
name: 'name',
age: 17,
};
// 模板上这样使用
<ChildComp v-bind="obj"></ChildComp>
// 等于下面的写法
&l
转载
2024-07-18 13:29:19
176阅读
说明下 小编是19年1月开始接触vue-element-admin的，一直没时间整理笔记 就随意整理一下吧 其实也没什么说的 太简单了 就说说动态路由鉴权的原理是 两个接口 流程其实是这样的1.登录页面按钮点击2.vuex 里面的 login 方法被调用3.vuex 里面的 login 方法被调用 完毕4.监听路由改变 然后获取当前登录的用户角色5.获取当前用户信息
1、安装vue/cli4 （要求node版本>=8.9） cnpm install @vue/cli -g vue -V @vue/cli 4.5.15 2、创建vue项目 vue create vue-demo 1）选择手动配置还是默认配置，这里选择Manually select features ...
转载
2021-11-03 18:56:00
691阅读
2评论
前言 最近尝试了vue+ts的组合个人感觉vue对于ts并没有特别的像angular2这样的友好，但是对于ts和js之间个人还是选择ts的。语法糖来说es6简直舒爽，下面我详细介绍下怎么使用ts+vue。ts+vue的插件会少上很多，但是肯定会随着vue对ts的支持插件也会越来越多当前项目demo预 ...
转载
2021-10-21 10:30:00
278阅读
2评论
Layui是一个前端 UI 框架，该框架风格优雅，但由于发布时间较短，很多功能并没有提供实现。笔者在使用Layui的数据表格的时候，需求是这样的：当点击添加按钮的时候，就在数据表格最后动态添加一行。上述功能官方并没有给出实现，需要自己手动解决。解决思路及方案简单分析：根据需求——动态添加一行，首先想到的是利用JS/jQuery操作DOM对象实现在数据表格table中手动添加一个tr，但由于数据表格
vue2升级到vue3，不管任何框架，升级总有它改进的地方和原因，否则升级就毫无意
原创
2022-12-31 10:51:11
10000+阅读
vue saas项目，有很多Table，大部分Table都有多条件搜索功能，而多条件搜索
原创
2023-05-10 10:09:00
402阅读
此文章会介绍基于el-table、我是如何进行业务组件封装的，后续会补充
原创
2023-05-10 10:08:07
194阅读
TS是强类型的JS，JS是弱类型【即没有强调变量类型的】安装TS前需要安装node.js环境，我这里之前安装了输入npm、输入node（如下图）输入npm install -g typescript 安装TSnpm install -g typescript-g 是全局安装输入tsc -v 查看当前版本号可以使用tsc命令来执行TS的相关代码tsc -v新建一个app.ts的文件（新建的文件名可以
原创
2023-10-24 11:43:54
0阅读
