こんにちは、現在の VM に新しい VM オブジェクトを確実に追加する方法を探しています。これを行う方法を教えてくれる人はいますか?
アイデアは、これが出力する必要があるということです
Hi!
my name is jhonny
私がこれまでに持っているコード
import {foo} from 'dist/foo';
export class Main{
constructor(){
this.heading = "hi!"
this.fooVar = new Foo("jhonny");
}
}
<template>
<section>
<h2>${heading}</h2>
<import from="./foo"></import>
<foo item.bind="fooVar"></foo>
</section>
</template>
export class Foo{
static Behavior(){
return Behavior
.customElement('foo');
}
constructor(name){
this.name = name;
}
}
<template>
<section>
<h2>my name is ${name}</h2>
</section>
</template>
また試した
<foo item.bind="fooVar"></foo>
<foo bind="fooVar"></foo>
<foo model.bind="fooVar"></foo>
<compose
model.bind="fooVar"
view-model="foo">
</compose>
それらはすべて、変数名なしで「私の名前は」です。だから私はそれが拘束力がないと思います