Vue 获取渲染后的dom

废话

  不知道是我搜索错误还是遇到的都是牛鬼蛇神，搜这个关键字总是找到一些鬼迷日眼的答案，终于我在今天知道了正确的方式，为了避免有人还掉坑中，这里写个笔记记录一下。

正文

直接看代码和注释，生命周期函数只写了一个示例，其他的依法炮制。

// 1. 导入要获取html的组件
import ViewModal from './components/edit.vue'
// 2. 导入Vue原型，等会构建实例使用
import Vue from 'vue'

// 3. 在函数中创建实例对象
  mounted() {
    // 3.1 创建Vue的子类
    const Modal = Vue.extend(ViewModal)
    // 3.2 创建ViewModal 的实例对象
    const view = new Modal()
    // 3.3 这里可以执行组件的生命周期函数
    view.$mount() 
    // 3.4 通过 $el 获取渲染后的HTML
    console.log(view.$el)
  }