首页 > 其他 > 详细

12、Render函数

时间:2019-08-25 10:05:54      阅读:98      评论:0      收藏:0      [点我收藏+]

1、什么是Render函数

Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。

Render函数会将控件的内容清空,然后渲染上新的内容。

 技术分享图片

 

 

2、Render函数

       Render函数通过createElement函数创建DOM元素。

      技术分享图片

 

其中配置选项有如下内容:

 技术分享图片

 

 

var app=new Vue({
    el:"#app",
    render:function(createElment){
        return createElment("h1",{
            attrs:{
                id:"title"
            },
            class:[
                "myClass"
            ],
            on:{
                click:function(){
                    alert("点我干");
                }
            },
            domProps:{
                innerHTML:"h1"
            }
        },"helloworld");
    }
});

 

 

3、Render函数的具体应用

Render函数用在自定义组件的渲染上面。

 技术分享图片

 

12、Render函数

原文:https://www.cnblogs.com/schangxiang/p/11406834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!