uni-app和vue,uniapp可以用vue的插件吗

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

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