Как правильно перенести шаблон из html во vue.js component?

@marlen 

@marlen 

Перенос шаблона из HTML в компоненты Vue.js предполагает создание нового компонента в файле .vue и перенос кода шаблона в раздел template этого файла.

Вот пример:

1. Создайте новый файл с расширением .vue (например, MyComponent.vue).
2. Внутри файла MyComponent.vue создайте блок template и перенесите в него код HTML из вашего шаблона:

1
2
3
4
5
6

<template>
  <div>
    <h1>Привет, мир!</h1>
    <p>Это мой Vue.js компонент.</p>
  </div>
</template>

1. Сохраните файл MyComponent.vue.

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