在Vue中,我們經常需要獲取template來進行一些處理,如動態生成組件,或者是在服務端渲染時獲取初始HTML。下面介紹兩種方式可以獲取Vue組件的template:
第一種方式是通過Vue實例的$el屬性獲取:
import Vue from 'vue'
const MyComponent = Vue.extend({
template: '<div>Hello World!</div>'
})
const instance = new MyComponent().$mount()
const template = instance.$el.outerHTML // "<div>Hello World!</div>"
第二種方式是通過render方法獲取:
import Vue from 'vue'
const MyComponent = {
render (h) {
return h('div', 'Hello World!')
}
}
const vnode = MyComponent.render.call(new Vue())
const template = vnode.outerHTML // "<div>Hello World!</div>"
上一篇vue獲取texear
下一篇css能控制字體銳利不