Vue.js是一款輕量級、高效的JavaScript框架，用于構建交互式Web界面。它采用MVVM模式，通過雙向數據綁定和組件化的方式，使開發者可以更加方便地構建高可重用性的前端組件。

在Vue.js中，HTML代碼是通過Vue模板語法進行書寫的。這種語法通過將普通HTML代碼嵌入Vue實例中的模板字符串中，從而實現了動態渲染和數據綁定。

<div id="app">
<p>{{ message }}</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
});
</script>

在上面的例子中，我們通過Vue實例的data對象將數據message綁定到了HTML代碼中的{{ message }}元素上。當Vue實例的數據發生變化時，頁面中的HTML元素也會隨之更新。

除了數據綁定外，Vue還可以通過指令的方式實現DOM操作和表單處理等功能。例如，我們可以使用v-bind指令將Vue實例的數據綁定到HTML元素的屬性上：

<div id="app">
<img v-bind:src="imageSrc">
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
imageSrc: 'path/to/image.jpg'
}
});
</script>

在上面的例子中，v-bind指令將Vue實例的imageSrc數據綁定到HTML元素的src屬性上。這樣，當Vue實例的數據發生變化時，圖片的URL也會自動更新。