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

好的，以下是Vue logo在header里居左边的代码：

<template>
  <div class="header">
    <div class="logo-container">
      <img src="./assets/logo.png" alt="Vue logo" class="logo">
    </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>

上面的代码中，我们使用了flex布局，将header分成了两个部分，左边是Vue logo部分，右边是菜单部分。可以根据实际情况调整样式。需要注意的是，由于element并未提供Vue logo的图标，因此需要自己添加一张图片，上面的代码中使用了名为"logo.png"的图片，你可以根据实际情况进行修改。