use Class with components

[sqllyw]

Hi,
createApp accepts a data object, so following code works:

    class MyApp {

        count
        constructor() {
            this.count = 0  
        }
        get plusOne() {
            return this.count + 1
        }
        // methods
        increment() {
            this.count++
        }
    }

    createApp(new MyApp).mount()

demo1

compoent is a function returning an object, but following code fails:

  class MyComp {

        count

        constructor() {

            this.count = 2

        }

        mounted() {
            console.log(`I'm mounted!`)
        }

        inc() {
            this.count++
        }


    }

    function Counter(props) {
        return new MyComp()
    }
    createApp({
        Counter
    }).mount()

demo2 failed
if you click 'increment', got error: ReferenceError: inc is not defined
why? what I'm missing here? Thanks

[sqllyw]

looks like only object methods are available to the pview, not the prototype methods, following code works:

constructor() {

            this.count = 2
            this.inc2 = () => {
              this.inc()
              console.log('inc2', this.count)
            }

        }

inc2 is an object method, inc is a prototype method, however changes to count is not reflected in the page,
demo3 partially working