在这种情况下,Vue中Render函数会更好用一些哦!!【Vue】

作者: 前端小野2分类: 野生技能协会 发布时间: 2020-10-21 17:50:18 浏览:8700 次

在这种情况下,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的么

知识分享官 编程 JS WEB JAVASCRIPT 前端 经验分享 VUE WEB前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!