组件中的data和methods

2019-08-14  本文已影响0人  最爱喝龙井

组件当中的data属性

组件当中的data需要注意以下三点:

  • 首先,组件当中也可以有data属性;
  • 然后,这个data只能是一个函数;
  • 最后,这个data需要返回一个对象

例:

 <div id="app">
        <mycom1></mycom1>
    </div>
    <template id="templ">
       <h1>{{ msg }}</h1>
    </template>
    <script>
        Vue.component('mycom1', {
            template: '#templ',
            data:function() {
                return {
                    msg: 'hello world'
                }
            }
        })
        var vm = new Vue({
            el: '#app',
            data: {},
            methods: {}
        });
    </script>
上一篇下一篇

猜你喜欢

热点阅读