首页 > 代码库 > vue父组件向子组件传递数据
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>
vue父组件向子组件传递数据
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。