Vue getting started links
This commit is contained in:
parent
1b96c6e37e
commit
a37aec61b2
35
src/scripts/js/es6/common/vuecomponents/README.md
Normal file
35
src/scripts/js/es6/common/vuecomponents/README.md
Normal file
@ -0,0 +1,35 @@
|
||||
# Vue components
|
||||
[Vue.js](https://vuejs.org/) is a javascript framework for writing interactive ui components.
|
||||
Vue.js is packed into tutti.js, and hence available site wide.
|
||||
|
||||
### Absolute must read
|
||||
- https://vuejs.org/v2/api/#Options-Data
|
||||
- https://vuejs.org/v2/api/#v-bind
|
||||
- https://vuejs.org/v2/api/#v-model
|
||||
- https://vuejs.org/v2/guide/conditional.html
|
||||
- https://vuejs.org/v2/guide/list.html#v-for-with-an-Object
|
||||
- https://vuejs.org/v2/api/#vm-emit
|
||||
- https://vuejs.org/v2/api/#v-on
|
||||
|
||||
### Styling and animation of components
|
||||
- https://vuejs.org/v2/guide/class-and-style.html#Binding-HTML-Classes
|
||||
- https://vuejs.org/v2/guide/transitions.html
|
||||
|
||||
### More advanced, but important topics
|
||||
- https://vuejs.org/v2/api/#is
|
||||
- https://vuejs.org/v2/guide/components-slots.html#Slot-Content
|
||||
- https://vuejs.org/v2/guide/mixins.html
|
||||
|
||||
### Rule of thumbs
|
||||
- [Have a dash in your component name](https://vuejs.org/v2/guide/components-registration.html#Component-Names)
|
||||
- Have one prop binding per line in component templates.
|
||||
~~~
|
||||
// Good!
|
||||
<my-component
|
||||
:propA="propX"
|
||||
:propB="propY"
|
||||
/>
|
||||
|
||||
// Bad!
|
||||
<my-component :propA="propX" :propB="propY"/>
|
||||
~~~
|
Loading…
x
Reference in New Issue
Block a user