<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用模板与Render函数对比</title>
</head>
<body>
    <div id="app">
        <ele></ele>
    </div>

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

    <script>
        Vue.component('ele',{
            template:'<div id="elem" :class="{show:show}" @click="handleClick">文本</div>',
            data:function () {
                return {
                    show:true,
                }
            },
            methods:{
                handleClick:function () {
                    console.log('单击')
                }
            }
        });

        let vm = new Vue({
            el:'#app',
        });

    </script>
</body>
</html>