vue制作导航栏html

以下是一个简单的 Vue 导航栏的 HTML 代码示例：

<template>
  <div class="navbar">
    <div class="navbar-brand">
      <a href="#">My Website</a>
    </div>
    <div class="navbar-menu">
      <div class="navbar-start">
        <a href="#" class="navbar-item">Home</a>
        <a href="#" class="navbar-item">About</a>
        <a href="#" class="navbar-item">Products</a>
        <a href="#" class="navbar-item">Contact</a>
      </div>
    </div>
  </div>
</template>

这里使用了 Bulma CSS 框架的样式，你可以根据自己的需要进行修改。同时，你需要在 Vue 实例中引入 Bulma CSS：

import 'bulma/css/bulma.css';

然后，你就可以在组件中使用这个导航栏了。