美文网首页
组件中的data和methods

组件中的data和methods

作者: 最爱喝龙井 | 来源:发表于2019-08-14 11:33 被阅读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>
    

    相关文章

      网友评论

          本文标题:组件中的data和methods

          本文链接:https://www.haomeiwen.com/subject/xztgjctx.html