前端实习D14

子组件： 

<template>
  <el-dialog title="新增部门" :visible="showDialog" @close="close">
  </el-dialog>
</template>
<script>
export default {
  name: 'AddDept'
  props: {
    showDialog: {
      type: Boolean,
      default: false
    },
  },
  methods: {
    close() {
      this.$emit('update:showDialog', false)
    }
  }
}
</script>

 父组件：  使用了sync修饰符，可以监听子组件传过来的 update:属性名的事件，直接将父组件的值进行修改

<add-dept  :show-dialog.sync="showDialog"  />

 
异步vs同步

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去;

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

• 而在前端开发中常见的异步一般常见的包括：setTimeout，setInterval，ajax。

深入理解Vue中的异步操作和Async/Await_vue async-优快云博客  

resetFields方法只能重置模板表单里的数据，不能整个对象重置，要手动把对象数据设为空 

Vue中使用ES6字符串模板`${}`实现变量和字符串的拼接 

export function updateDepartment(data) {
  return request({
    method: 'put',
    url: `/company/department/${data.id}`,
    data
  })
}