日志|JAVAWEB|YApi|vue-cli|VUE-Element

YApi接口管理平台
1.添加项目

2.添加分组

3.添加接口

4.返回数据设置

实际的前端开发

vue脚手架vue-cli

1.下载nodejs

2.配置nodejs环境变量


3.安装vue-cli

vue项目

vue项目开发流程

js的data属性 methods方法

VUE组件库Element

1.安装 引入 复制botton组件

复制组件

APP.vue引入Elementview.vuw

2.表格组件
crtl + alt + L 格式化复制的代码

换个行

3.分页组件

分页的布局layout

分页的事件events

4.对话框Dialog

看看

两个属性

5.表单Form

看看

表单data

表单method

JS对象转成Jaon

实战一下

1.布局Container

长这样

侧边初始代码


侧边删除部分代码后


主要代码



加个行内表单




加一个日期选择器



再加个分页

2.vue项目下axios



到这里数据不太好看，改代码，加 插槽