给我一个VUE logo 在header里居左边的代码 使用element

好的，以下是使用element实现的Vue logo在header里居左边的代码：

<template>
  <div class="header">
    <div class="logo-container">
      <el-image src="./assets/logo.png" fit="contain" class="logo"></el-image>
    </div>
    <div class="menu-container">
      <!-- 这里放置其他菜单项 -->
    </div>
  </div>
</template>

<style>
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px; /* 根据实际情况设置高度 */
  padding: 0 20px; /* 根据实际情况设置内边距 */
  background-color: #f0f0f0; /* 根据实际情况设置背景色 */
}

.logo-container {
  display: flex;
  align-items: center;
}

.logo {
  width: 50px;
  height: 50px;
}

.menu-container {
  display: flex;
  align-items: center;
}
</style>

上面的代码中，我们使用了element的el-image组件来显示Vue logo，fit="contain"属性用于保持图片比例。可以根据实际情况调整样式。需要注意的是，由于element并未提供Vue logo的图标，因此需要自己添加一张图片，上面的代码中使用了名为"logo.png"的图片，你可以根据实际情况进行修改。