Переменная не может быть экспортирована в файл VUE

Question

"vue": "2.5.2", "vue-loader": "15.4.2", "webpack": "4.26.1",

// A.vue
export let a = 1
export default {
  name: 'a',
  data()(),
}

// B.vue
import A, { a } from './A.vue'

успешно импортировать A;

Но: "экспорт" a "не найден в" ./A.vue'

Answer 1

В ES6 export default - экспорт одного значения (или функции).Если вам нужно экспортировать несколько вещей из вашего модуля, используйте именованный экспорт. Проверьте документ MDN

export A {
  name: 'a',
  data()(),
}
export let a=2

///in B.vue
import {A, a} from './A.vue'

Я не уверен, что это лучший подход, хотя, я думаю, компонент Vue должен экспортировать только сам компонент.И если вам нужно другое значение, создайте другой модуль в файле .js.А если вам нужно поделиться состоянием между вашими компонентами, используйте вместо этого VueX.

Answer 2

Это должно быть потому, что переменная let работает только в той области, где она объявлена, попробуйте с const, как в:

export const a = 1