beforeMoun中 render 的首次调用

beforeMount:中 render 的作用是渲染

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


<script>
    var vm = new Vue({
        el:"#app",
        template :"<h3>{{msg}}</h3>",//标签模板
        /*
        * 1. 原本在 div 中显示的内容应该是 data 中的数据
        * 2. 用了 render 进行渲染，内容将替换 div 显示的 data 的内容
        * 3. 挂载： 用 $mount() 实现挂载
        * 4. render的函数：createElement("标签名称",{属性样式},[显示的内容])
        * */
        render(createElement){
            return createElement ("p",{
                //class:"hh3",
                style:{
                    color:"#f60",
                    fontSize:"24px"
                },
            },"使用了render 就不会显示 data 中的内容了")//一个内容
            //多个内容
            //["使用了render 就不会显示 data 中的内容了",createElement("h1","前边的样式名称规定我的样式"),createElement("p","点击链接")]
        },
        data:{msg:"没有 render 渲染 我才会显示"},
    });
</script>