Element UI Message 组件的实现原理
相关链接
Message 使用方法
绑定到Vue的原型
Vue.prototype.$message = Message;
使用this.$message('这是一条消息提示');
实现思路
- 写一个Message的Vue组件
- 利用 Vue.extend 生成一个“子类”并实例化得到Vue实例
- 调用 实例.$mount() 生成DOM
- 获取DOM 并添加到 document
绑定到Vue的原型
Vue.prototype.$message = Message;
使用this.$message('这是一条消息提示');