render函数讲解

   <div id="app">
           <mmt></mmt>
    </div>

//注意看哈

<script>

     const mt={

     render(createElement){                              //createElement可以用任意单词来代替

          return createElement("div",{

                         class:{                                   //类似v-bind:class=“{‘mt-button’：true}”

                               "mt-button":true

                                  },

                          attrs:{                                  //attrs自定义属性 相对于来说class级别高点

                              class:"mt",

                              id:"mt"

                            },

                          style:{

                            color:"red"

                            },

                      domProps:{

                         innerHTML:"vjidsavjd"       //dom 元素

                                    },

                        on:{                  

                           click:function(){

                         alert("点击事件触发")

                          }

                       }

                 },[

                        createElement("button",{},this.$slots)               //创建的div的子元素

                  ])

          }

   }

new Vue({

         el:"#app",

         components:{

         "mmt":mt

     }

  })

</script>