Follow along with the official documentation for Vue.js
-
MACBETH data structure https://vuejs.org/v2/guide/list.html example 2
-
access nested objects in array (3-layer structure)
- https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for https://stackoverflow.com/questions/37534249/nested-arrays-of-objects-and-v-for
- see also vvvv.html
- https://forum.vuejs.org/t/v-for-with-array-of-objects-where-key-of-key-value-pair-is-unknown/81497/2
vue-5.html 3.http://phrogz.net/CSS/vertical-align/index.html Method 1:
- Specify the parent container as position:relative or position:absolute.
- Specify a fixed height on the child container.
- Set position:absolute and top:50% on the child container to move the top down to the middle of the parent.
- Set margin-top:-yy where yy is half the height of the child container to offset the item up.
vue-6.html
- can't pass x and y value through v-bind:top and v-bind:left in and put in yet.
vue_7_J1.html
- J1 problem 2021: boiling water