用html的VUE的内容渲染指令、属性渲染指令和事件绑定指令来制作轮播图。

在HTML中使用Vue.js制作轮播图，可以利用其模板语言的指令特性。以下是三种关键的指令：

1. **内容渲染指令**（v-bind 或者 v-html）：用于动态插入数据到元素中。例如，你可以创建一个包含数组的`<li>`列表，并使用`v-for`循环遍历这个数组来显示每张图片。

<ul id="carousel">
  <li v-for="(item, index) in images" :key="index">
    <img :src="item.src" alt="Slide {{ index+1 }}">
  </li>
</ul>

这里`v-for`就是内容渲染指令，`:`前是Vue指令，后面跟着的是表达式，如`:src`表示绑定`src`属性。

2. **属性渲染指令**（v-bind）：用于绑定数据属性到元素属性。为了实现轮播效果，通常会用到`data`中定义的状态变量，比如当前索引（currentIndex），并用它来控制图片的显示：

<div class="carousel" :style="{ transform: 'translateX(' + currentIndex * itemWidth + 'px)' }"></div>

`transform: 'translateX(...)'`通过`:style`绑定计算出的偏移值。

3. **事件绑定指令**（v-on）：用于处理用户交互。比如切换下一张图片，可以使用`v-on:click`监听点击事件：

<button @click="prevSlide()">上一张</button>
<button @click="nextSlide()">下一张</button>

这里的`@click`是事件绑定指令，它将触发对应的JavaScript函数`prevSlide()` 和 `nextSlide()`。