Vue.component使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用JavaScript代替模板功能</title>
</head>
<body>
<div id="demo">
    <create-ul ></create-ul>
</div>
</body>
<script src="vue.js"></script>
<script>
    Vue.component('create-ul',{
        render:function (createElement) {
            if (this.items.length){
                return createElement('ul',this.items.map(function (item) {
                    return createElement('li',item.name)
                }))
            }
            else
            {
                return createElement('p','No items found')
            }
        },


    });
    new Vue({
        el:"#demo",
//        data:{
//            items:[
//                {name:"111111"},{name:"2222222"},{name:"333333"}
//            ]
//        }
    })
</script>
</html>

更多http://www.cnblogs.com/zycbloger/p/6429592.html

Vue.component使用

推荐阅读