zoukankan      html  css  js  c++  java
  • 传值

    父向子传值
    通过属性进行传递接受用props属性进行接受。props属性用来接收外部属性。
    在父组件中当子组件当作标签使用的时候给子组件添加属性,值为需要传递的值。在子组件内部通过props
    进行接受。接受的方式有2种,第一种为数组接受,第二种为对象接受,推荐用第二种,对象形式的可以限制数
    据的类型
     
     
    子向父传值
    方案一
        在父组件中当子组件当作标签使用的时候给子组件绑定自定义方法,子组件通过this.$emit()进行触发。注意
        自定义方法是不需要加()的
     
    方案二
    利用solt插槽作用域。
     
        solt的使用方法以及作用域插槽的用法
            使用方法:
                1)当组件当作标签进行使用时,solt可以用来接受组件标签包裹的内容,当给solt标签添加name属性时,可以调换响应的位置
            插槽作用域:
                1)作用域插槽就是带数据的插槽,父组件接收来自于子组件的slot标签上通过v-bind绑定进而传递过来的数据,父组件通过scope来进行接收子组件传递的数据
     
    非父子传值
    方案一:
        创建公共的Vue对象。通过调用Vue中的$on()$emit()进行传值。需要接受值得一方调用$on,需要传递值
        得一方调用$emit()
     
    方案二:
        利用观察者模式封装$on$emit
  • 相关阅读:
    ajax 传递参数中文乱码解决办法
    jQuery 时间戳转化成时间
    IDEA2017 导入 SVN上的 Myeclipse或Eclipse 项目
    ajax返回json数据,对其中日期的解析
    MYSQL 按照字母排序查询
    JVM介绍
    正则表达式
    could not find the main class错误
    转:MyEclipse使用总结——MyEclipse10安装SVN插件
    转:Oracle数据库sqlplus与plsqldev解决乱码
  • 原文地址:https://www.cnblogs.com/tis100204/p/10309905.html
Copyright © 2011-2022 走看看