что спорить-то?
если программист не умеет, то он и на самом лаконичном в мире фреймворке нафигачит невообразимого хлама

Без знания обычного JS,в изучение фреймов даже лезть не стоит,т.к там постоянно деструктуризация и т.д

js как язык - изучается, в целом, отдельно от фреймворка. Под ванилью я имел в виду именно взаимодействие с броузером

Да ладно бы деструктуризация...
Некоторые, похоже, вообще не осознают, что Vue.js написан на JS, и что в нём всё работает соответственно правилам языка

Ну нормальный человек не будет сначала учить вью а потом обычный js

Ну, это. Если человек считает, что vue - это отдельный язык, то это не лечится

Да, UI без фреймворка - это адок

Это адблок

И, главное, абсолютно бессмысленно все это изучать. Там 90% всего - особенности национальной реализации в разных броузерах. Смысл это знать кому-то, кроме разработчиков полифиллов и транспилеров?...

В общем, js - это какой-то полунедоассемблер. Увы. Но давайте я все-таки задам свой вопрос

Итак, есть у меня стейт

const state = () => ({
    categories: [],
    loaded: null
});

export default state;

getters

const getters = {
    list: state => { state.loaded?state.categories:[] },
    listLoaded: state => state.loaded
}

export default getters;

mutations

const mutations = {
    initCategories: (state, table) => {
        state.categories = table;
        state.loaded = true;
        console.log({mutation: 'initCategories', categories: state.categories, loaded: state.loaded })
    },
};
export default mutations;

actions

import axios from 'axios';
const actions = {
    // eslint-disable-next-line no-unused-vars
    async loadCategories({ commit, state}) {
        console.log('loadCategories');
        const res = await axios.get('/api/v1/public/categories/ru');
        commit('initCategories', res.data );
        console.log('categories loaded');
    }
};
export default actions;

<template>
<span>
 {{ listLoaded }}
 <el-cascader
   v-if="listLoaded"
   :options="list"
   :disabled="!listLoaded"
   v-model="categories"
   :props="{ value: 'id', multiple: true, checkStrictly: true }"
   clearable>
   <template slot-scope="{ node, data }">
     <span>
       <!-- icon here -->
       {{ data.name }}
     </span>
   </template>
 </el-cascader>
</span>
</template>
<script>
import { Vue, Component } from "vue-property-decorator";
export default
@Component({
   components: {
   }
})
class CategoriesList extends Vue {
   categories=[];
   get list() {
       console.log(list requested; current locale is ${this.$i18n.locale});
       // Not sure if that's correct...
       console.log({ list: 'get', store: this.$store.getters['list']} );
       return this.$store.getters.list;
   }
   get listLoaded() {
       console.log(list loaded: ${this.$store.getters.listLoaded}, so ${!this.$store.getters.listLoaded})
       return !this.$store.getters.listLoaded;
   }
}

</script>
```
и вот {{ listLoaded }} показывает правильное true, а el-cascader пустой

Я так начинал и получилось

Ага. Сам разобрался, в модулях запутался...

ну ок. Сейчас... СПАТЬ СЕЙЧАС)

Vue на декораторах... сочувствую

🙈

А что в этом плохого?

как раз лапшекод

куча ненужного барахла, чтобы написать простой компонент

Я когда увидел экспортов много я чёт испугался по фронтендски