zoukankan      html  css  js  c++  java
  • vue知识点14

     

    1. 父组件给子组件传值

       1)<组件  属性="传改子组件的值"></组件>
          v-bind:属性="识别数据类型和变量"  不用v-bind 传递的都是字符串
          
       2) 子组件通过props选项  props:["属性"]
           props:{
               属性:类型
           }
                   
           props:{
              属性:{
                type:类型,
                required:true  必须传递这个属性
                default:值  设置默认值
                validator(值){
                   return 布尔表达式
                }
              }

           }
         3) 父组件传给子组件的值不能更改,单向数据流
            可以把这个值赋值给子组件data里的变量,可以更改子组件里data里的那个变量
    1. props
        props:["属性名",....]
    2. prop 验证
          props:{
              属性:{
                type:类型,
                required:true,
                default:默认值,
                validator(){
                  return xxxx;
                }
              }
        }            
    3. 父传子组件的值不能改,因为数据流是单向的

    4. 子组件向父组件传值
        1) 父组件先监听自定义事件 v-on:自定义事件
        2) 子组件发送数据 this.$emit("事件的名字",“数据“)
        3) 父组件通过执行事件处理函数,通过事件对象拿到子组件传过来的值

    5. 组件整个生命周期了能被自动调用的函数,就是生命周期的钩子函数
        created   在实例创建完成后被立即调用 可以获取数据
    6. 兄弟组件的传值  通过公共的父组件进行传值
  • 相关阅读:
    JavaScript 操作 DOM 元素
    字节数
    如何判断校准曲线是否合格
    [WPF]MVVM模式下如何在后台cs中调用绑定命令
    逆对数antilog0.03376如何计算
    未能解析此远程名称:'nuget.org' 的解决方法
    【WPF】WPF ScorllView触摸滚动实现
    【VS2017】清除NuGet下载旧版本缓存
    【UWP】截图
    test
  • 原文地址:https://www.cnblogs.com/wufenfen/p/12764602.html
Copyright © 2011-2022 走看看