①设计一个University子组件,该子组件接收父组件传来的两个数据，一个内容是学校名，一个是学校logo图片带路径的文件名，子组件展示学校名字及学校logo;在父组件中调用该子组件并传递相应数据

在React或Vue这样的前端框架中，设计一个名为`UniversityComponent`的子组件，可以按照以下步骤完成：

// 使用React
import React from 'react';

const UniversityComponent = ({ schoolName, logo }) => {
  return (
    <div className="university-component">
      <h1>{schoolName}</h1>
      <img src={logo} alt="School Logo" className="logo-image" />
    </div>
  );
};

export default UniversityComponent;

// 在父组件（例如App.js或Parent.vue）中使用子组件
import UniversityComponent from './UniversityComponent';

function ParentComponent() {
  const universityData = {
    schoolName: "清华大学",
    logo: "/images/university-logo.png", // 假设logo图片路径
  };

  return (
    <div>
      {/* 调用子组件，并传入数据 */}
      <UniversityComponent {...universityData} />
    </div>
  );
}

export default ParentComponent;

在这个例子中，`UniversityComponent`接受名为`schoolName`和`logo`的props，并在内部渲染学校名称和学校的Logo图片。在`ParentComponent`中，创建了一个包含具体数据的对象`universityData`，然后通过展开运算符`...`将其作为props传递给子组件。