VUE项目学习系列博文

1、VUE2.0项目学习

（1）VUE项目学习（一）：搭建VUE前端项目
（2）VUE项目学习（二）：学习项目文件结构
（3）VUE项目学习（三）：win10版nginx部署vue项目
（4）VUE项目学习（四）：编写个人页面和配置路由
（5）VUE项目学习（五）：引用echarts组件
（6）VUE项目学习（六）：自定义间隔进度条
（7）VUE项目学习（七）：引用element-ui和进行简单页面布局
（8）VUE项目学习（八）：引用axios进行后端接口请求
（9）VUE3.0学习系列随笔（五）：自定义组件使用

2、VUE3.0项目学习

（1）VUE3.0学习系列随笔（一）：VUE3.0项目初始化
（2）VUE3.0学习系列随笔（二）：VUE3.0和VUE2.0工程结构对比
（3）VUE3.0学习系列随笔（三）：VUE-UI管理界面使用之运行和打包
（4）VUE3.0学习系列随笔（四）：VUE-UI管理界面使用之依赖和插件管理
（5）VUE3.0学习系列随笔（五）：自定义组件使用
（6）VUE3.0学习系列随笔（六）：ElemenUI的安装和使用
（7）VUE3.0学习系列随笔（七）：定义单个VUE页面的背景图
（8）VUE3.0学习系列随笔（八）：实现导航守卫模式的个人登录界面
（9）VUE3.0学习系列随笔（九）：防止按键多次点击多次触发事件
（10）VUE3.0学习系列随笔（十）：省市区选择组件

3、VUE项目学习笔记

（1）VUE项目学习笔记：关闭代码检查
（2）VUE项目学习笔记：页面无法铺满整个屏幕

4、VUE2.0项目代码持续更新

整个项目所在的GitHub地址：https://github.com/CoderPlayer0/CsdnVue

# html # css3 # html5
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue