要在Vue中添加HTML代碼，我們需要了解Vue中的模板語法和指令。Vue中，我們可以使用指令將數據綁定到頁面上，也可以直接在模板中嵌入HTML代碼。下面我們將詳細介紹Vue中添加HTML代碼的方法。

在Vue中，我們可以使用v-html指令添加HTML代碼。這個指令需要在模板的元素上使用，例如：

<div v-html="htmlCode"></div>

這個指令會將htmlCode變量中的HTML代碼解析并顯示在元素中。需要注意的是，使用v-html指令時要謹慎，因為這可能會導致跨站腳本攻擊（XSS）。

如果我們只想在模板中嵌入一些簡單的HTML代碼，可以直接使用模板語法，例如：

<p>這是一個<strong>加粗</strong>的文字。</p>

這段代碼將在頁面上展示一個帶有加粗字體的段落。模板語法中，我們可以使用{{}}將變量嵌入HTML代碼中，例如：

<p>我的名字是{{name}}，年齡是{{age}}</p>

這個模板會根據name和age變量的內容生成一個段落，例如“我的名字是張三，年齡是18歲”。需要注意的是，在模板語法中，我們不能直接使用HTML關鍵字，而需要使用對應的實體字符。例如，如果我們要輸入“小于”號，應該使用“<”代替。

除了v-html指令和模板語法，Vue還提供了其他一些指令用于操作HTML代碼。例如v-text指令可以用來設置元素的文本內容：

<p v-text="text"></p>

這個指令會將text變量中的內容設置為元素的文本內容。需要注意的是，使用v-text指令時，HTML代碼會被轉義，避免XSS漏洞。

總的來說，Vue提供了多種方法添加HTML代碼，我們可以根據具體情況選擇合適的方法來實現需求。同時，我們也需要注意安全性，在使用v-html指令時特別要注意避免XSS攻擊。