vue组件的对象式写法,vue中的h函数
2024-09-08 16:54:58
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的内容")) }
}
最新文章
- [转载]python:open/文件操作
- spring cloud 学习研究- spring-cloud-microservice-example
- 为maven插件设置参数的三种方法
- Linux下设置svn过滤文件类型
- bootstrap和jquery mobile的对比
- Apache虚拟目录(二)
- var obj = {};var obj2 = [];var obj3;
- uva 12626 - I ❤ Pizza
- GridView 中Item项居中显示
- elicpse之tomcat配置
- hdu 2516 取石子游戏 (斐波那契博弈)
- solr6.5的安装与配置
- dedecms_
- 腾讯云服务器tomcat端口无法访问
- Java面试题之Java基础
- linux时区和时间设置
- 20165223《JAVA程序设计》第二周学习总结
- Can&#39;t read swagger JSON from http://localhost:8080/Test/api-docs
- oracle数据库occi接口写入中文乱码解决方法
- Linux命令(十七) 关机命令
热门文章
- [Android开发学iOS系列] TableView展现一个list
- EluxJS-让你像切蛋糕一样拆解前端巨石应用
- python安装第三方库换源
- 解决"VLC 无法打开 MRL「screen://」。详情请检查日志" 问题
- Duplicate property mapping of xxx found in xx 嵌套异常,重复的属性在映射中发现。
- 【极客时间】大数据概述及HDFS介绍
- 【中间件】Docker
- bug处理记录:Error running &#39;WorkflowApplication&#39;: Command line is too long. Shorten command line for WorkflowApplication or also for Spring Boot default configuration?
- <;五>;模板的完全特例化和非完全特例化
- vue3项目,记录我是如何用1h实现产品预估1天工作量的界面需求