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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。