zoukankan      html  css  js  c++  java
  • 12、Render函数

    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函数用在自定义组件的渲染上面。

     

  • 相关阅读:
    【学习笔记】2020寒假数据结构集训总结
    ThreadPoolExecutor源码分析
    Java并发专题(三)深入理解volatile关键字
    内部类与静态内部类
    Java并发专题(二)线程安全
    Java并发专题(一)认识线程
    Redis部署
    MySQL部署
    JDK部署
    SpringBoot+solr
  • 原文地址:https://www.cnblogs.com/schangxiang/p/11406834.html
Copyright © 2011-2022 走看看