uni-app和vue,uniapp可以用vue的插件吗
本文主要介绍uni-app的自定义组件,通过示例代码非常详细的介绍给大家。对你的学习或者工作有一定的参考价值,有需要的朋友可以参考一下。
1.父组件可以通过props将数据传递给子组件。
2.子组件可以通过自定义事件向父组件传输数据,自定义事件由父组件定义,子组件触发父组件的事件并传输数据。
3.子组件可以定义slot,并让父组件定制要显示的内容。
4.使用easycom规范,可以真正使用组件。
page/news/news.vue
模板
视角
veiw定制组件/veiw的使用规范
卡颜色=红色 @ fclick= fclick /卡
卡片颜色=黄色黄色组件/卡片
/查看
/模板
脚本
导出默认值{
data() {
返回{
}
},
方法:{
fclick(消息){
Console.log(父组件收到子组件传递的值: msg );
}
}
}
/脚本
风格
/风格
组件:组件/卡/卡. vue
模板
view:style= { background:color } @ click= zclick
定制组件插槽/插槽
/查看
/模板
脚本
导出默认值{
名称:卡片,
道具:{
颜色:{
类型:字符串,
默认值:“白色”
}
},
data() {
返回{
};
},
方法:{
zclick(){
Console.log(单击了子组件);
这个。$emit(fclick ,固定点击事件被传递给父组件);
}
}
}
/脚本
风格
/风格
总结
本文到此为止。希望能帮到你,也希望你能多关注我们的更多内容!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。