vue父组件向子组件传递数据
父组件 <template> <div id="app"> <v-header :childseller="fatherseller"></v-header> </div> </template> <script type="text/ecmascript-6"> import header from 'components/header/header.vue'; export default{ props: {}, data() { return { fatherseller:{ 'name':'mull', 'phpne':'18844413684' } } }, created() { }, methods: {}, components: { 'v-header':header, }, computed: {} } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped lang="stylus" rel="stylesheet/stylus"> </style>
子组件 <template> <div id="header"> {{childseller.name}} </div> </template> <script type="text/ecmascript-6"> export default{ props: { childseller:Object }, data() { return {} }, created() { }, methods: {}, components: {}, computed: {} } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped lang="stylus" rel="stylesheet/stylus"> </style>