首页 > 其他 > 详细

vue中的私有组件

时间:2019-12-15 17:15:12      阅读:104      评论:0      收藏:0      [点我收藏+]

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>

vue中的私有组件

原文:https://www.cnblogs.com/Progress-/p/12044631.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!