Vue.js 2 方法中返回复杂带 Vue 语法的 HTML 内容

在 Vue.js 2 中，可以使用 'v-html' 指令来渲染包含 Vue 语法的 HTML。

假设你有一个 Vue 组件，其中的一个方法需要返回一个包含 Vue 语法的 HTML 字符串，你可以按照以下步骤进行操作：

1. 首先，在模板中使用 'v-html' 指令来渲染 HTML 字符串。

<template>
  <div>
    <div v-html='getComplexHTML'></div>
  </div>
</template>

2. 然后，在 Vue 组件的方法中返回一个包含 Vue 语法的 HTML 字符串。

<script>
export default {
  methods: {
    getComplexHTML() {
      // 返回一个包含 Vue 语法的 HTML 字符串
      return '<p>{{ message }}</p>'
    }
  }
}
</script>

在上述示例中，`getComplexHTML` 方法返回了一个包含 Vue 语法 `{{ message }}` 的 HTML 字符串。

需要注意的是，使用 'v-html' 指令时要谨慎，确保你信任并且已经对渲染的 HTML 进行了安全性验证，以避免 XSS 攻击。