今天给大家分享一个超精简Vue3.0后台管理模板Vue-Onepiece-Admin。vue-onepiece-admin 基于vue3+element-plus+typescript构建的后台系统。布局简练，大家可以在此框架基础上扩充一些所需功能。快速安装通过如下步骤快速构建本地项目。# 克隆项目
git clone https://github.com
......
626
0
0
2022-11-10
今天再给小伙伴们推荐一款成熟的企业中后台管理系统HEYUI-Admin。heyui-admin 基于vue.js和heyui组件库构建的后台管理系统。包含基础表单/表格功能，拓展组件(图表、富文本编辑器、代码编辑器)等功能。技术栈开发前先熟悉和学习这些知识将有助于这个项目的使用。vue、vuex、vue-router、axioshey-uijs-modelm
......
459
0
0
2022-11-10
前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 的安装将不再赘述，可以参考之前的博客《Vue进阶
......
484
0
0
2022-11-10
第一步、安装node.js环境下载地址: http://nodejs.cn/这里可以看到它有两个版本我们选择使用LTS版本，也就是长期支持版本比较稳定第二步、更改npm包管理时的global以及缓存的位置安装好之后，对npm安装的全局模块所在路径以及缓存所在路径，进行配置。是因为以后执行类似：npm install express [-g]（后面的可选参数-
......
453
0
0
2022-11-10
前面我分享了vue实战027:子组件和父组件之间传值，今天继续分享子组件与父组件之间方法调用，在项目实战中我们经常会遇到组件之间方法调用的情况。Vue同样为我们准备了相关的方法来实现，他们就是$root、$parent、$refs、$children属性，其中$root、$parent是子组件向父组件调用方法，而$refs、$children则是父组件向子组
......
411
0
0
2022-11-10
封装思路参考:封装Vue Element的可编辑table表格组件代码: github.com/lyxxxh/erp-table-formerp 表格最基础的封装,根据公司项目来完善。实际情况复杂很多,就连 el-select 都需要重写(需求问题)。我司的效果图:环境// element-plus-vite-starter = element-plus+v
......
390
0
0
2022-11-10
前言想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提供思路，并非最佳实践）Github: https://github.com/h
......
435
0
0
2022-11-10
看完你就基本可以上手搞开发了，本文适合Vue初学者，或者Vue2迁移者，当然还是建议Vue3官网完全过一遍。不适合精通原理，源码的大佬们。先推荐两个vscode插件Volar首先推荐Volar，使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件，有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur，代码高亮，语
......
507
0
0
2022-11-08
本文简介在日常 Vue 项目中，大概率会用组件库辅助开发，所以 递归组件 的出镜率可能不会非常高。但这并不代表 递归组件 不重要。本文用10分钟左右的时间让你掌握 递归组件 的用法。在此之前，你必须掌握：html + css + js + Vue3 基础用法，至少需要知道 Vue 组件 是什么。用法讲解在讲解 递归组件 之前，我们需要先了解几个概念。什么是递
......
513
0
0
2022-10-31
本文简介使用 Vue 开发时，肯定会接触到 组件 的概念，无可避免的也会接触到 组件通讯 的概念。组件通讯的方式有很多种，我在 《Vue3 过10种组件通讯方式》 一文中粗略罗列了 Vue3 常用的组件通讯方法。在 Vue 2 中除了 $attrs 外，还有 $listeners ； Vue 3 把 $listeners 合并到 $attrs 里了。而本文的
......
427
0
0
2022-10-30
本文简介在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ，比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。本文就以 input 元素做例子，实现在自定义组件中使用 v-model 进行数据绑定。我创建一个自定义组件，名字叫 z-input ，我希望在父组件可以使
......
450
0
0
2022-10-30
自定义防抖指令一、用于查询、重置按钮实现防抖（v-debounce）；1.先创建一个js文件创建一个debounce.js文件，放在scr/directives文件夹里面export default (vue) => {
/**
* 绑定方法
* @param {Object} el - The element the direc
......
461
0
0
2022-10-27
常见的几个问题刷新页面空白addRoute 没有加载完成就访问 -> next() 改成 next({…to, replace: true})路由重名, 检查路由的name是否有重复路由守卫死循环添加一些条件, 比如: 判断是否已经获取到了路由数据刷新页面会跳转到404页面在动态路由添加完成后, 再添加404的路由Vite 的组件懒加载const vi
......
623
0
0
2022-10-25
来源尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通数据代理通过vm对象来代理data对象中属性的操作（读/写）通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加vm上的属性都指定一个getter/setter 在getter/setter内部去操作（读/写）data中对应的属性认识Objec
......
453
0
0
2022-10-14
Vue props in emit out筆記props基本使用vue可以利用 props 將外部傳入資料到內部，props為單向數據流可以透過範例了解，建立一個子組件，將預傳入資料放在props陣列中，利用v-bind:photo-url傳入或是:photo-url，因在html中沒有區分大小寫駝峰命名需用 - 做連接。<!-- 靜態引入-->
......
454
0
0
2022-10-03