Query manual ​

This chapter briefly summarizes the core jsx attributes and syntax rules in Alins. The main purpose is to help developers quickly find how to use Alins. If you are reading this document for the first time, it is recommended to read the specific introduction chapters first to understand the detailed introduction and examples of each attribute and syntax rule.

**The list here contains almost all Alins concepts, so not everything listed here is necessary, and includes some advanced uses of Alins. **

1. $mount: used to mount dom elements to specified elements
2. Event: The event naming is consistent with the native DOM, such as onclick, onmousedown. At the same time, the event value supports js expressions. At this time, you can use the $e variable to access the event object, such as onclick={console.log($e.clientX)}
3. Event decorator: prevent, stop, capture, once, self, pure, usage method: onclick:stop={console.log(1)}
4. $ref: Reference dom element
5. $html: Set innerHTML
6. $attributes: Use objects to set attributes in batches
7. Fragment: DocumentFragment can be created using both empty tags and Frag tags
8. Single attribute class name: class:a={true}
9. Single attribute style: class:color='#f44'
10. Lifecycle: $created, $appended, $mounted, $removed
11. Two-way binding decorator: Convert the bound data type, such as value:number={str}
12. Component price: The input parameters of the component are props and children
13. Logic block: if, switch syntax; map function; If, Switch, For, Show, Async logical components; $show, $if, $switch ,$for,$async attribute
14. set syntax sugar: used to set computed set such as: let b=a+1;set: v=>{a=v-1;}
15. watch syntax sugar: monitor data changes, such as: watch: a, (...args)=>{console.log(args)}
16. Attribute abbreviation: name={name} is equivalent to name:name and is equivalent to $name
17. Annotation: @reactive, @static, @shallow, @static-scope, where @reactive and @static can carry parameters
18. Tag: $: can declare reactive data, _: can declare static data, static_scope: can declare static scope
19. State sharing: createStore API
20. Custom renderer: useRenderer, defineRenderer API