在这种情况下,Vue中Render函数会更好用一些哦!!【Vue】
依风寒心:
老师你好,能出一些typeScript和Vue3的视频吗?
匿名者已逝:
奇怪了,在js文件中声明export default{ render(h){}},然后在vue3其他组件使用js文件,然后的h函数就报错,即便js引入了vue3头文件也是报错,只能封装到.vue文件中,不能写到js文件中[doge]
Surprise不在今天:
Vue的jsx没有办法写出<Form.Item>的形式[呆]
zZ之乎者也:
这个例子不太好,用v-for一样可以实现啊
【回复】用render可以更加精确地控制一些细节哦~~
丘野Pixel:
对,最近在写vue3.0+tsx 的小项目,各种踩坑,可以讲一期用法么,比如tsx子组件怎么定义slots 什么的
【回复】回复 @哈默聊前端 :好的👌🏻
【回复】这个还没有研究过,有空看一下~~~~
爱吃橘子的小宇:
视频时长可以长一点吗?有些知识可以在深入一点吗?总感觉5分钟太短了 学不到啥
SIGUSR1:
可以深入介绍下JSX吗?谢谢![热词系列_爱了爱了]
【回复】回复 @哈默聊前端 :谢谢[热词系列_吹爆]
【回复】可以做下参考~~~
render (h) {
return (
<div
// normal attributes or prefix with on props.
id="foo"
propsOnCustomEvent={this.customEventHandler}
// DOM properties are prefixed with `domProps`
domPropsInnerHTML="bar"
// event listeners are prefixed with `on` or `nativeOn`
onClick={this.clickHandler}
nativeOnClick={this.nativeClickHandler}
// other special top-level properties
class={{ foo: true, bar: false }}
style={{ color: 'red', fontSize: '14px' }}
key="key"
ref="ref"
// assign the `ref` is used on elements/components with v-for
refInFor
slot="slot">
</div>
)
}
我去倒点水:
讲的真好 今天正好因为这个犯愁 就看懂了 nice 希望老师可以的话 坚持更新视频[虎年]
博博是个奶盖:
老师 为什么我把render函数写在一个单文件组件中后,然后引用这个组件,此时页面并不会渲染出render函数写的内容[捂脸]
【回复】回复 @七月把空调开爆低温度 :template中的内容最后是会编译成render函数的
【回复】回复 @Frankiness :好的 谢谢老哥[捂脸-圣诞]
【回复】原来是因为单文件中有template标签导致的。 但是不是说render的优先级会高于template的么