美文网首页
Vue组件绑定实例data的内容并用v-for渲染

Vue组件绑定实例data的内容并用v-for渲染

作者: ChasenGao | 来源:发表于2018-05-03 21:23 被阅读68次
        <body>
            <div id="app">
                <div v-for="n in names">
                    <compo v-bind:names="n"></compo>
                </div>
                
            </div>
            <script type="text/javascript">
                var vm = new Vue({
                    el:'#app',
                    data:{
                        names:{
                            1:"chasen",
                            2:"jack",
                            3:"tom"
                        }
                    },
                    components:{
                        'compo':{
                            template:'<p>hello world{{names}}</p>',
                            props:['names']
                        }
                    }
                })
            </script>
    

    相关文章

      网友评论

          本文标题:Vue组件绑定实例data的内容并用v-for渲染

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