[Vuejs]-VSCode not properly importing my main.js file

by

3👍

✅

You’re using the vue 3 syntax with vue 2 CDN script :

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Vue Mastery</title>
    <!-- Import Styles -->
    <link rel="stylesheet" href="./assets/styles.css" />
    <!-- Import Vue.js -->
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
    <div id="app">
      <h1>{{ product }}</h1>
    </div>

    <!-- Import Js -->
    <script src="./main.js"></script>
   
  </body>
</html>

and main.js like :

   new Vue({
      el: '#app',
      data() {
        return {
          product: 'Socks'
        }
      }
    })
👤Boussadjra Brahim

Leave a comment