Правильная реализация MVC на ES6?

Question

[townee]

Добрый день!
Не могу понять как правильно реализовать MVC паттерн, вот пример кода:

class View {
    exampleMethod() {
        var btn = document.querySelector('.btn');
       btn.addEventListener('click', function () {
      console.log(this.arr);
});
    }
}

class Model {
    constructor() {
        this.arr = ['1'];
    }
}

class Controller {
    constructor(view,model) {
        this.view = view
        this.model = model
    }
   
}

const myView = new View()
const myModel = new Model()

const myController = new Controller(myView,myModel)

Я не понимаю как правильно связать view, что бы при клике отображалось значение в module ?
Надеюсь доступно объяснил, спасибо!

Comments

[nakree]

var btn = document.querySelector('.btn');
       btnClose.addEventListener('click', function () {

что такое btnClose?

[townee]

nakree, ошибся, уже исправил

Answer 1

[Stalker_RED]

Правильный MVC вот примерно такой: (1, 2). Вам скорее всего не нужен ПРАВИЛЬНЫЙ, а нужен какой-то с оптимизацией для web. Прикол в том, что вариантов как переколбасить идею сорокалетней давности под веб - несколько больше чем один. Причем у всех вариантов найдутся как плюсы, так и минусы.
Отсюда и боль у многих начинающих - только что прочитал в учебнике описание MVC, а вот на соседней странице - все по другому!

Чтобы не сильно мучиться с выбором - можно взять один из современных фремворков, где умные дяди уже постарались и продумали много всякого.

Comments

[Иван]

А как быть,если хочешь стать одним из этих умных дядей?

[Stalker_RED]

Иван, читать умные книжки, много думать, покодить не помешает, наверное, потом в архитектуру всяких сложных штук.

Answer 2

[grigoryi325]

как на меня, лучший способ разобраться - изучить на базовом уровне asp.net mvc