废话
不知道是我搜索错误还是遇到的都是牛鬼蛇神,搜这个关键字总是找到一些鬼迷日眼的答案,终于我在今天知道了正确的方式,为了避免有人还掉坑中,这里写个笔记记录一下。
正文
直接看代码和注释,生命周期函数只写了一个示例,其他的依法炮制。
// 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)
}