局部组件

第一种形式：

<body>
<div id="app">
    <aaa></aaa> <!--引用组件-->
</div>
<!--将模块独立出来-->
<template id="aaa">
    <h2>{{msg}}</h2>
</template>
</body>
<script src="./vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        components: {
            /*局部组件*/
            'aaa': {
                data: function () {
                    return {
                        'msg': 'hello aaa'
                    }
                },
                template: "#aaa", /*此处挂载*/
                methods: {}
            },
            'bbb': {}
        }
    })
</script>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/tinaluo/p/13826049.html