Question

我尝试获取Vue.js组件的模板，因为我需要将其用于其他功能。

首先，我有一个需要Vue.js组件模板的函数，因为我希望模板中的数据能够动态更改，而不仅仅是静态HTML。

第二，我在从Vue.js组件获取模板时遇到问题。也许他们不允许这样做，但我不确定。我是Vue.js的新手。

但是据我对JS的理解，也许这可能发生。

我试图做这样的事情：

let vmComponent = Vue.component('VueComponent', {
  data() {
    return {
      title: 'I am a Vue.js component manually.'
    }
  },
  template: `
  <div>
    <h2>Template Exchange</h2>
    <h3>{{ title }}</h3>
  </div>`,
});

console.log(vmComponent.template);

我希望在运行vmComponent.template时获取HTML字符串

如果无法通过这种方式进行操作。还有什么其他方法可以将Vue.js组件模板作为HTML String获得。

例如，也许是一个新的。Vue（{}）

Answer 1

可以使用vmComponent.options.template访问组件模板。

可以将模板声明为可重复使用的字符串：

export const template = `...`;

const vmComponent = Vue.component('VueComponent', {
  template,
  ...
});

这可能不适用于pre-compiled templates。

我可以获取Vue.js组件作为实例吗？

1 个答案: