# AdminLTE3+Vue3

**Repository Path**: czwlucky/adminlte-vue

## Basic Information

- **Project Name**: AdminLTE3+Vue3
- **Description**: 该项目用于学习Vue3的语法，同时探索AdminLTE用Vue来实现的方法，项目采用js+html+css传统开发方式，便于学习交流。可快速测试实现方式，理清思路。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2021-04-12
- **Last Updated**: 2025-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AdminLTE3+Vue3

#### 介绍
本项目是为了学习vue3的用法，并且尝试将AdminLTE改造为vue3项目。本项目使用js+html+css的方式编写，有利于分解学习Vue3的各种特性。这里只保留了AdminLTE的样式与HTML代码，不需要引入jQuery以及AdminLTE的脚本。

希望对vue3和AdminLTE感兴趣的朋友一起来研究学习。

#### 学习心得

1.  不追求全面组件化，只对行为事件与界面紧密相关的封装为组件，否则保留原生html的用法。
2.  组件封装原则：组件的行为由组件本身负责。9.mainsidebar&pushmenu.html 演示了该原则。
3.  代码要易于理解，结构尽可能扁平、简单。