Vue2 全局-Vue.extend构造器拓展

下面用 Vue.extend 方法构造一个全局的网页底部。

代码：

<p>我是内容，一大片内容。谢谢你了。</p>
<footer id="footer"></footer>

<script>
    var Footer=Vue.extend({
        template:"<h3>联系人：{{ contact }} 版权所有：{{ company }}</h3>",
        data:function () {
            return{
                contact:"大boss",
                company:"大boss中国有限公司"
            }
        }
    });
    new Footer().$mount("#footer");
</script>

运行效果：