1 实现效果
http://makuan.cc/
1.1首页
1.2 归档（开放性接口测试Beta）后续更名
1.3关于
2 后端开发环境
- jdk:11
- mysql:5.7
- minio:RELEASE.2022-02-12T00-51-25Z
- redis
3 前端特点
3.1知识点
- 1 子路由路由的理解详见路由的配置
- 2 display: flex 这个用于将元素展示到一行
- 3 动态标签类 :class=“{isActive:isCollapse}” 其中isActive为一个标签的类 当对应的值为true的时候起作用
- 4 子组件调用父组件方法 001子组件的属性定义@changeMenuStutus=“changeMenuStutus” 002在子组件中这样调用this.$emit(‘changeMenuStutus’)
- 5 接收外来的参数需要使用 props: [‘xxx’],定义组件暴露参数
- 6 ref属性用于获取子组件实例，进而获取组件中的值
- 7 wang // 清空值this.
r
e
f
s
.
m
y
E
d
i
t
o
r
2.
m
y
E
d
i
t
o
r
.
t
x
t
.
c
l
e
a
r
(
)
/
/
设置值
/
/
t
h
i
s
.
refs.myEditor2.myEditor.txt.clear()// 设置值 // this.
refs.myEditor2.myEditor.txt.clear()//设置值//this.refs.myEditor2.myEditor.txt.html(“
泥潭
”) - 8 mavoeditor markdown编辑器 支持图文编辑
- 9 request 统一配置请求ip 端口 进行GET POST PUT 请求 let formdata = new FormData();// 这里一定要写和后端参数一样 formdata.append(‘multipartFile’, $file);
- 10 动态路由参数的使用 配置 :参数名？ 获取参数 this.route.params.动态参数名
- 11 导航守卫用于在路由前做一下事情
- 12 请求响应拦截器可以在请求前后做一些事情