vue中的私有组件

vue中的私有组件的data必须是一个函数，并且在函数中要return一个对象，并且格式要写成return{}，不能在外部定义一个对象，在这里进行返回，否则出现意想不到的错误

<div id="app">

        <temp1></temp1>

    </div>

    <template id="eg1">

        <div>

            <h1>这是创建的私有组件{{msg}}</h1>

        </div>

    </template>

    <script>

    var vm = new Vue({

        el:"#app",

        data:{},

        methods: {},

        components:{

            temp1:{

                template:"#eg1",

                data:function(){

                    return{msg:"123"}

                }

            }

        }

    })

    </script>