写一个简单的弹窗

第一步 新建文件

第二步，写入方法

第三步，去main.js 里面引入这个文件

第四步，在页面里面就能调用了

显示效果：

这个是自定义方法
我们这个弹窗的思路就是，
通过调用方法，我创建好组件，并且挂载到html上面，然后显示出来，关闭的时候再销毁组件

这是注册

涉及的知识点有

• extend
  vue.extend 的基本用法
  就是构造一个组件出来
  然后再实例化它
  就是注册的意思
  然后再挂载进去HTML

• -$mount

  手动挂载$mount()
  如果没有挂载的话，没有关联的 DOM 元素。
  是获取不到$el的。

• - $on

  监听当前实例上的自定义事件。
  事件可以由vm.$emit触发。
  回调函数会接收所有传入事件触发函数的额外参数。

• props传递内容
  props 可以是数组或对象，用于接收来自父组件的数据。
  props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。

• $emit
  调用父组件注册的方法

触发当前实例上的事件。附加参数都会传给监听器回调。

为什么写这种封装？？

写这种方式调起弹窗的背景前提是

• 直接用el-dialog 在页面上显得页面代码太多余
• 所以进行了这种二次封装的方式去调起el-dialog
• element-ui 没有提供 this.$dialog 这个方法给你调用弹窗