Source: https://medium.com/@Mahmoud_Zalt/eloquent-relationships-cheat-sheet-5155498c209
| One to one ( 1-1) |
One to many ( 1-n) |
Poly one to many ( 1x-n) |
Many to many ( n-n) |
Poly many to many ( nx-n) |
|
|---|---|---|---|---|---|
| Number of models | 2 only | 2 only | 3 and above | 2 only | 3 and above |
| Number of tables | 2 (1/model) | 2 (1/model) | 3+ (1/model) | 3 (1/model + pivot) | 4+ (1/model + pivot) |
| Pivot table | - | - | - | required |
You don't really need a framework or fancy cutting-edge JavaScript features to do two-way data binding. Let's start basic - first and foremost, you need a way to tell when data changes. Traditionally, this is done via an Observer pattern, but a full-blown implementation of that is a little clunky for nice, lightweight JavaScript. So, if native getters/setters are out, the only mechanism we have are accessors:
var n = 5;
function getN() { return n; }
function setN(newN) { n = newN; }
console.log(getN()); // 5
setN(10);