zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Java内部类详解
    浅谈Java中的深拷贝和浅拷贝(转载)
    native为本地方法
    Java NIO:NIO概述
    Java NIO:浅析I/O模型
    Hash表
    浅谈Java中的hashcode方法
    spring boot学习(转)
    Spring Boot修改内置Tomcat端口号
    K8S
  • 原文地址:https://www.cnblogs.com/norm/p/7349567.html
Copyright © 2011-2022 走看看