Javascript Stencil JS-使用Prop值启动状态变量?

Javascript Stencil JS-使用Prop值启动状态变量?,javascript,stenciljs,Javascript,Stenciljs,在我的模具组件中,我想用传递的prop值初始化状态变量。如何在模具中实现这一点 我已经尝试将该值分配给componentWillLoad中的状态变量,但它不起作用 @Prop() passedVal @State() someVal = ?? 我不熟悉模具,我来自VueJS,所以请接受我似乎不太懂的问题。最好先观察道具的变化,然后更新状态 @组件({tag:'my comp'}) 导出类MyComp{ @Prop()foo:string; @State()条:字符串; @手表(‘foo’) o

在我的模具组件中,我想用传递的prop值初始化状态变量。如何在模具中实现这一点

我已经尝试将该值分配给componentWillLoad中的状态变量,但它不起作用

@Prop() passedVal
@State() someVal = ??

我不熟悉模具,我来自VueJS,所以请接受我似乎不太懂的问题。

最好先观察道具的变化,然后更新状态

@组件({tag:'my comp'})
导出类MyComp{
@Prop()foo:string;
@State()条:字符串;
@手表(‘foo’)
onFooChange(){
this.bar=this.foo;
}
componentWillLoad(){
这个.onFooChange();
}
render(){
返回this.foo+this.bar;
}
}

您可以在
组件willload
中调用您的观察者方法,因为观察只有在组件加载后才会开始。

最好观察道具的更改,然后更新状态

@组件({tag:'my comp'})
导出类MyComp{
@Prop()foo:string;
@State()条:字符串;
@手表(‘foo’)
onFooChange(){
this.bar=this.foo;
}
componentWillLoad(){
这个.onFooChange();
}
render(){
返回this.foo+this.bar;
}
}
您可以在
componentWillLoad
中调用您的watcher方法,因为监视只有在加载组件后才会开始