Могу ли я получить компонент Vue.js в качестве экземпляра? - PullRequest
Новая
       19

Могу ли я получить компонент Vue.js в качестве экземпляра?

0 голосов
/ 21 июня 2019

Я пытаюсь получить шаблон компонента 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);

Я надеюсь получить строку HTML, когда я запускаю vmComponent.template

Если такой способ выполнения невозможен.Есть ли другие способы получить шаблон компонента Vue.js в виде строки HTML.

Например, может быть, в новом. Vue ({})

1 Ответ

0 голосов
/ 22 июня 2019

Возможно получить доступ к шаблону компонента с помощью vmComponent.options.template.

Шаблон может быть объявлен как строка для повторного использования: 

export const template = `...`;

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

Может не работать с скомпилированными шаблонами .

...