Reactive variable
Variables are written like {variablename}. In your javascript, at the store initialization, just name it the same and it will get reactive, reflecting every change in the corresponding store value.
Hello, the string of my name {name} is reactive and is wrapped in an html i-tag!
Also background color and text color are reactive. And this color string here "{nestedVar}" is even a nested variable.
Manual dom changes
If you change the dom manually and you have variables in the added content, you have to manually rescan the dom by calling reparse function.
For Direktive (Todo example)
Adding a todo will just add a node and not rerender the whole list. Changed/added node will have red border.
-
{item.name} (idx: {index})
If Direktive
Only visible if {showElement} is true.