首页 > 其他 > 详细

#千锋逆战班,1902#

时间:2020-04-24 00:20:42      阅读:68      评论:0      收藏:0      [点我收藏+]

在千峰"逆战"学习第14天

人生重要的不是所站的位置,而是所朝的方向;

今天正式开始vue的学习,与以前有了不同的收获,学了一些指令,如何正确的运用这些指令:

所学的知识点归纳整理如下:
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. 兄弟组件的传值  通过公共的父组件进行传值

#千锋逆战班,1902#

原文:https://www.cnblogs.com/wufenfen/p/12764602.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!