vue的props

1.功能

  (1).传递数据

   

   (2).接收数据:

   第一种方式(只能接收):

   

 

      第二种方式(能够限制参数的类型)

   

 

      第三种方式(限制类型、限制必要性、限制默认值)

      

  注意:props是只读的,Vue底层会监测用户对props的修改,如果进行了修改,就会发出警告,如果业务需求确实需要修改,可以复制props的内容到data中一份,然后修改data中的数据

   (1).复制一份给myAge

    

   (2).设置一个按钮,指定一个点击事件

    

   (3).点击按钮时将myAge++

    

   (4).将myAge传入页面

     

   (5).在父组件中同样的直接调用age

     

 

posted @ 2022-07-31 18:59  zdc123  阅读(580)  评论(0)    收藏  举报