vue -prop,vue中的props是什么意思

  vue :prop,vue中的props是什么意思

  本文主要介绍Vue的道具配置,有一定的参考价值。有兴趣的朋友可以参考一下,希望能帮到你,希望能帮到你。

  模板

  div class=demo

  h1{{ msg}}/h1

  H2学生姓名:{{name}}/h2

  H2学生性别:{{sex}}/h2

  H2学生年龄:{{myage 1}}/h2

  Button @click=changeAge 单击我来修改数据/button

  /div

  /模板

  脚本

  导出默认值{

  姓名:学生,

  data() {

  返回{

  味精:“国王情人”,

  我的年龄:这个年龄

  }

  },

  方法:{

  changeAge(){

  this.myage=24

  }

  },

  //简单接收

  //道具:[姓名,年龄,性别]

  //接收时限制数据类型。

  //道具:{

  //名称:字符串,

  //年龄:号,

  //性别:字符串,

  //}

  //接收数据时,限制指定data: type默认值的必要性。

  道具:{

  名称:{

  Type: string,//name的类型

  必需:true,//name是必需的

  },

  年龄:{

  类型:数量,

  默认值:22

  },

  性别:{

  类型:字符串,

  必填:真

  }

  }

  }

  /脚本

  模板

  差异

  学生姓名=张三性别=男:年龄=20/

  /div

  /模板

  脚本

  //引入学生组件

  从导入学生。/components/Student.vue

  导出默认值{

  名称:“应用程序”,

  组件:{

  学生

  }

  }

  /脚本

  

总结

  本文到此为止。希望能帮到你,也希望你能多关注我们的更多内容!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: