为什么我的VUE局部组件显示不出来

代码如下：

<body>

        <div id="div2">
            <my-div></my-div>
        </div>
        <div id="div3">
            <new-Zujian></new-Zujian>
        </div>
        <script type="text/javascript">
            Vue.component('my-div', {
                template: '<div>我是一个自定义全局组件</div>'
            })
            var a = new Vue({
                el: '#div2',

            })
            var c = new Vue({
                el: '#div3',
                components: {
                    "new-Zujian": { //组件名
                        template: '<p>new-Zujian新局部组建</p>'
                    }
                }
            })
        </script>
    </body>

new-Zujian显示不出来<p>标签

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…