Vue 动态创建实例

182 阅读1分钟

在 Vue 里面,如果你想在页面里弹出一个东西,通常的办法是:

  1. 事先把要弹出的东西写在页面里,用 visible: false 把它隐藏起来
  2. 控制 visible 使其显示或再次隐藏 这种我再说上一个移动项目使用的, 就是组件自己有动画, 控制组件显示隐藏

另外一种就是

  1. 用户点击按钮的时候创建一个 Vue 实例
  2. 用户点击另一个按钮的时候删除这个 Vue 实例 Element UI 的 $message 就是这样实现的,这种方法尤其适合通知类的场景,代码如下。

这个我是没使用过的

今天看了芳芳的文章, 学到了: zhuanlan.zhihu.com/p/38076208