vue2 如何渲染vnode节点

简介: 渲染vnode节点

创建文件

1.创建一个vnode的jsx文件

export default {
  props: {
    vnode: {
      type: [Object, Function],
      default: () => {},
    },
  },
  data() {
    return {};
  },
  render(h) {
    return this.vnode;
  },
};

引用

父组件中引用 vnode

<template><div><vnode:vnode="vnodeRender()"/></div></template><script>importvnodefrom'vnode的jsx组件地址'exportdefault {
components: {
vnode,
    },
methods: {
vnodeRender() {
return<div>111</div>;      }
    },
  }
</script>
相关文章
|
4天前
Vue3只渲染一次 v-once
Vue3只渲染一次 v-once
|
4天前
|
JavaScript
Vue3 条件渲染 v-show
Vue3 条件渲染 v-show
Vue3 条件渲染 v-show
|
4天前
|
JavaScript
Vue3 条件渲染 v-if
Vue3 条件渲染 v-if
|
4天前
|
JavaScript
Vue 循环渲染 v-for
Vue 循环渲染 v-for
|
4天前
|
JavaScript
Vue 只渲染一次 v-once
Vue 只渲染一次 v-once
|
4天前
|
JavaScript 前端开发 索引
Vue嵌套循环渲染与条件渲染--v-for|v-if
Vue嵌套循环渲染与条件渲染--v-for|v-if
20 0
|
4天前
|
JavaScript 前端开发 API
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
16 2
|
4天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
21 0
|
4天前
|
JavaScript 前端开发
vue 条件渲染
vue 条件渲染
|
4天前
|
JavaScript 前端开发 索引
vue 列表渲染
vue 列表渲染