组件中的data 

注意：1组件可以有自己的data数据
     2. 组件中的data和实例的data有点不一样，组件中的data必须是一个方法，必须返回一个对象。
     
<body>
    <div id="app">
        <my-com></my-com>
    </div>
    <template id="tmp">
        <div>
            <h2>hello chp common{{msg}}</h2>
        </div>
    </template>
    <script>
        Vue.component('myCom',{
            template:'#tmp',
            data:function () {
                return {
                    msg: '这是组件定义的data数据'
                }
            }
        })
        var app = new Vue({
            el:'#app',
            data:{},
            methods:{}
        })
    </script>
posted @ 2019-09-12 09:17  normalboy(NB)  阅读(166)  评论(0)    收藏  举报