<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用createElement方法第2个参数</title>
</head>
<body>
    <div id="app">
        <elem></elem>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        Vue.component('elem',{
            render:function (createElement) {
                return createElement('div',{
                    'class':{
                        foo:true,
                        bar:true,
                    },
                    style:{
                        color:'gray',
                        fontSize:'14px',
                    },
                    attrs:{
                        id:'foo'
                    },
                    domProps:{
                        innerHTML:'演示createElement的第2个参数'
                    }
                });
            }
        });

        let vm = new Vue({
            el:'#app',
        })
    </script>

    <style type="text/css">
        .foo{
            border: 1px solid gray;
        }
        .bar{
            background-color: #dedede;
        }
    </style>
</body>
</html>