Как я могу импортировать файл vuejs компонент в индекс. html? - PullRequest
Новая
       53

Как я могу импортировать файл vuejs компонент в индекс. html?

0 голосов
/ 03 мая 2020

Я использую CDN для VUEjs, потому что я не хочу использовать webpack или рендеринг с сервера.

index. html и test-component. vue находятся в та же папка

мой индекс. html: 

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>VUE</title>

<!-- vuejs -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

</head>
<body>

<div id="app">

  <!--HERE I WANT TO USE MY COMPONENT-->
  <comp></comp> 
</div>

<script>

  //TRIED TO IMPORT MY COMPONENT
  import comp from './test-component.vue';

  const app = new Vue({
    el: '#app',
  });

</script>


</body>
</html>

мой тестовый компонент. vue файл: 

<template>
  <h1>im a component</h1>
</template>

<script>
  console.log('testing component');
</script>

1 Ответ

0 голосов
/ 03 мая 2020

очевидно. vue файлы изначально не поддерживаются браузером

есть 2 возможных решения:

...