VueJS Добавление нового компонента

Добавить новый компонент можно в два шага.

  1. Создать компонент
  2. Импортировать его в main.js и там же добавить в routes = {}

Создаем компонент в /components/Name.vue, в данном примере с Hello World

<template>
  <div >
    <h1>{{ msg }}</h1>
  </div>

</template>

<script>

export default {
    data() {
      return {
        msg: "Hello World :)",
      }
    },
}

Добавляем в main.js

main.js
import Name from './components/Name.vue'

const routes = [
    { path: '/name', components: Name }
]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *