render:将虚拟dom转为真实dom

h函数:创建的是vnode,也可以成为createVnode函数

  语法:h(元素名称 ,这个元素的数据,子集)

  • 第一个参数:可以为一个html标签,一个组件,一个异步组件,或者是一个函数式组件。
  • 第二个参数:{ Object } Props,与attributes和props,以及事件对应的对象,我们可以在模板中使用,如果没有需要传入的属性,可以设置为null。
  • 第三个参数:{String | Object |Array}可以是字符串Text文本或者是h函数构建的对象再者可以是有插槽
// 组件的对象式写法

// 1 .vue 变为对象 ={} 

import {h} from "vue";

let Wfonction={

    // 创建一个组件 布局<div> <h2>内容</h2>  <div></div>div的内容</div>
    render(){   // render 就是把虚拟dom 变为 真实dom
return h("div",{id:"box"},h("h2",{},"内容"),h("div",{},"div的内容")) }
}

最新文章

  1. [转载]python:open/文件操作
  2. spring cloud 学习研究- spring-cloud-microservice-example
  3. 为maven插件设置参数的三种方法
  4. Linux下设置svn过滤文件类型
  5. bootstrap和jquery mobile的对比
  6. Apache虚拟目录(二)
  7. var obj = {};var obj2 = [];var obj3;
  8. uva 12626 - I ❤ Pizza
  9. GridView 中Item项居中显示
  10. elicpse之tomcat配置
  11. hdu 2516 取石子游戏 (斐波那契博弈)
  12. solr6.5的安装与配置
  13. dedecms_
  14. 腾讯云服务器tomcat端口无法访问
  15. Java面试题之Java基础
  16. linux时区和时间设置
  17. 20165223《JAVA程序设计》第二周学习总结
  18. Can&#39;t read swagger JSON from http://localhost:8080/Test/api-docs
  19. oracle数据库occi接口写入中文乱码解决方法
  20. Linux命令(十七) 关机命令

热门文章

  1. [Android开发学iOS系列] TableView展现一个list
  2. EluxJS-让你像切蛋糕一样拆解前端巨石应用
  3. python安装第三方库换源
  4. 解决"VLC 无法打开 MRL「screen://」。详情请检查日志" 问题
  5. Duplicate property mapping of xxx found in xx 嵌套异常,重复的属性在映射中发现。
  6. 【极客时间】大数据概述及HDFS介绍
  7. 【中间件】Docker
  8. bug处理记录:Error running &#39;WorkflowApplication&#39;: Command line is too long. Shorten command line for WorkflowApplication or also for Spring Boot default configuration?
  9. &lt;五&gt;模板的完全特例化和非完全特例化
  10. vue3项目,记录我是如何用1h实现产品预估1天工作量的界面需求