Vue JS Dersleri 1

Arkadaşlar herkese merhabalar bugünkü konumuz Vue.js ile yapılan ve genellikle hatta sıklık ile yapılan hatalardan bir tanesini sizlere anlatacağım.

JavaScript yazarken ve yazımda hatası olan sorun örnek (başka bir siteden alınan ) kod satırını nereye ekleyeceğimiz bilemiyoruz , yada bazen karışabiliyor. Bize hazır olarak verilen bir adet export default{} verilir bunun içine tanımlanmalıdır tüm tanımlanması gerekenler. Harici bir kod yazarken Hiyerarşik yazıma dikkat edilmelidir.!!

Yanlış Yazım

export default {
  name: 'Site',
  components: {
    Header,
    Main,
  },
new Vue {
      el: '#example-2',
      data: {
        show: true
       }
    }
  },
  };

Doğru Yazım

export default {
  name: 'Site',
  components: {
    Header,
    Main,
  },
  data(){
    return {
      show: true
    }
  },

./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):