zoukankan      html  css  js  c++  java
  • vue单文件组件

    vue单文件组件

    vue单文件组件就是把一个页面拆分成为多个、多层次的组件。通过多层引用,大大缩小vue文件的长度和页面复杂度。

    步骤:

    父组件:

    1.引入组件

     import tabcard from 'components/tabcard.vue';
    

    2.配置组件

    export default {
    components: {
        tabcard
      }
    }
    

    3.使用组件

    <tabcard></tabcard>
    

    子组件:

    1.制作子组件

      子组件就是正常的vue文件。

    父组件向子组件传值:

    父组件:

    1.在子组件标签上传入数据

    <tabcard :tabcarddata="largeclass"></tabcard>//tabcarddata为数据名称,largeclass为json数据

    子组件:

    1.子组件通过props接受数据

    export default {
      props: {
        tabcarddata: {}
      }
    }

    2.数据调用

    {{tabcarddata.name}}
    

    子组件向父组件传值:

    父组件:

    父组件向子组件传递一个方法

    <datePickers  v-on:datatime="datatime" >
    

    该方法为:(作用为将方法获取的值赋值给data)

    datatime(theTime){
            this.modifyModel.DJSJ = theTime;
          }
    

    子组件:

    在子组件调用父组件的方法,将值通过父组件传递的方法传给父组件。

    this.$emit('datatime',this.date);
    
    datatime为调用的方法名,
    this.date为传回去的参数。
  • 相关阅读:
    [转载]利用WCF共享ASP.NET session实现WCF服务端验证
    【转载】WCF REST 工作总结一
    [转载]分享WCF聊天程序WCFChat
    【转载】化零为整WCF(14) 事务(Transaction)
    poj2513
    poj2696
    poj2503
    poj2506
    poj2590
    实践案例丨云连接CC实现跨区域多VPC与线下IDC Server互联
  • 原文地址:https://www.cnblogs.com/s313139232/p/8991913.html
Copyright © 2011-2022 走看看