vue父子组件传值---父传子

主要是将父组件里data中的数据通过在子组件里使用props属性对数据进行传递,传递时应注意组件标签里面通过 :xx='data里面的数据',放到组件标签上,然后将值通过props:['xx']将值放到组件内部,这样就可以在子组件里进行传值

<body>

<div id="app">

<list-btn :tit='msg'></list-btn>

</div>

</body>

<script type="text/javascript">

Vue.component('list-btn',{

                props:['tit'],

                data:function(){

                       return { count:0 }

                  },

        template:`<div> <p>我是{{tit}}</p> </div>`

})

let app=new Vue({

el:'#app',

data:{ msg:'我是father' },

methods:{}

})

</script>




©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容