initialize
Initialize a StacheElement
instance with property values.
initialize(props)
Calling initialize
will set up property definitions and set initial property values. Normally this is called by the connectedCallback, but can be called manually for testing:
import { StacheElement } from "can/everything";
class MyElement extends StacheElement {
static view = `
<p>{{this.age}}</p>
`;
static props = {
age: { type: Number, default: 30 }
};
}
customElements.define("my-el", MyElement);
const myEl = new MyElement()
.initialize({ age: 32 });
myEl.age; // -> 32
Parameters
- props
{Object}
:The initial property values.
Returns
{Element}
:
The element
instance.
Purpose
For testing purposes or integration with other libraries, initialize
can be called to initialize an element with property values.
After initialize
has been called, subsequent calls will not have any effect.