laravel 组件复用 数据来源不同怎么办？

Posted 2023-04-16

这是一个专业性，学术性很强的问题，可能一般的人是回答不了，就找个懂电脑的人，去一问究竟，找个会修理电视的也能涉及你的问题。 参考技术A 在理解 Blade 模板继承的时候，我们可以类比类的继承机制：在父类中定义抽象方法或公共方法，然后在子类中实现抽象方法或重写公共方法。在视图文件中，这个「父类」一般对应布局文件，不同的功能模块往往有不同的页面布局，比如前台、后台、用户中心，页面布局往往不一样。而「子类」则对应不同功能模块的各个子视图页面，比如首页、文章详情页、文章编辑页等等。 参考技术B 这个数据来源不同可以先把数据源改成同一个出处 参考技术C 做项目时会共享一些数据,比如布局文件中layouts/_sidebar.blade.php的菜单数据在每个页面都会显示,那么在laravel中就可以使用视图组件 创建视图服务提..

vue solt内容分发/vue通用组件的封装

1:props数据的传递，event事件的触发和solt内容分发构成了vue组件的3个API来源，任何复杂的组件都是由这3个部分构成的

2：即Vue通过组件(针对可复用组件的解耦和样式复用)的封装分为三个部分:

①props：为了解耦，数据从父组件传入，子组件本身不生成数据，即使生成了也只在组件内部使用

②event：在父组件中处理事件，比如clcik事件，逻辑放在父组件中，子组件只是承载，在子组件中用emit触发父组件中的事件

③solt：当需要多个组件组合在一起使用，混合父组件的内容与子组件的模板时，就会用到solt，即内容分发。

④统一管理样式表

例如:多个样式基本相同按钮的封装,结果如下

父组件的代码如下，父组件向子组件传值。内容分发就是将父组件的内容放到子组件指定的位置。

<template>

  <div id="app">

    <aButton>按钮</aButton>

    <aButton type="primary">按钮</aButton>

    <aButton>按钮</aButton>

    <aButton type="danger">按钮</aButton>

    <aButton>按钮</aButton>

  </div>

</template>

在子组件中，将 <solt></solt> 元素作为承载内分发内容的出口