使用ajax连接html的冗余较少的方法。

$.ajax({
  url: 'your-url',
  method: 'GET',
  dataType: 'html',
  success: function(response) {
    // 在成功获取HTML内容后，更新页面
    $('#target-element').html(response);
  },
  error: function(xhr, status, error) {
    // 处理错误情况
    console.log(error);
  }
});

<template>
  <div>
    <button @click="loadContent">加载内容</button>
    <div v-html="htmlContent"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      htmlContent: ''
    };
  },
  methods: {
    loadContent() {
      // 发送异步请求获取HTML内容
      // 更新htmlContent数据
    }
  }
};
</script>