Let's leave aside the mathematics and focus simply on physics. Say you have a door and you apply force on some point of the door, would you agree that the amount of 'rotational oomf' given to the door is only dependent on the perpendicular distance from the axis of rotation to the point where you applied the force? Think about it, would the rotation change if you pushed the door at the upper edge or lower edge?
Right, If you really thought of that, we are motivated to talk about the cross-product ( it would help us model the situation)
$$\vec{r} \times \vec{F} = ∥\vec{r}∥ ∥\vec{F}∥ \sin(\theta) \hat{n}$$
Take a piece of paper and draw two vectors say $\vec{a}$ and $\vec{b}$, and tilt them at an angle. Now to find the component of 'a' perpendicular of to 'b' you just multiply the magnitude of 'a' by $b\sin(\phi)$ where $\phi$ is the angle between the vectors.
However, you may note that this is exactly equivalent to finding the area of a parallelogram with side lengths as the magnitude of 'a' and 'b' ( coincidence??)
The mathematical side of things:
Now we have defined torque using a magnitude but what if we wanted to define it as a vector that is encode the axis of spinning as well?
We will define the cross product as an operation that takes in two vectors and spits out a perpendicular vector, hence these follow
$$\vec{i}\times \vec{j}=\vec{k}$$
$$\vec{j}\times \vec{k}=\vec{i}$$
$$\vec{k}\times \vec{i}=\vec{j}$$
Now, to include the orientation of the cross product ( sort of like how you want to encode if the spinning is clockwise or anti-clockwise), we bring in the signs
You just define that
$$\vec{j} \times \vec{i} = - \vec{k}$$
$$\vec{k}\times \vec{j}=-\vec{i}$$
$$\vec{i}\times \vec{k}=-\vec{i}$$
Essentially bring in anti commutativity
Now, let us define
$$\vec{a}= 3 \vec{i} + 2 \vec{j} $$
and, $$\vec{b}=2\vec{i}$$
Now let's try to cross them ... uh oh there are multiple components :( well just define it to be distributive as well then :
$$\vec{a} \times \vec{b} = (3\vec{i} + 2\vec{j} ) \times ( 2\vec{i})= 3 * 2 (\vec{i} \times \vec{i}) + 2*2 (\vec{j} \times \vec{i})$$
And here's the next challenge what is the cross product of a vector with it self... hmmm a vector which is perpendicular to 'i' and 'i' ... Let's go back to the magnitude definition
$$ |\vec{i} \times \vec{i} |= ∥\vec{i}∥ ∥\vec{i}∥ \sin(0) = 0$$
Hence the $ \vec{i} \times \vec{i}$ term goes to 0 !!
Therefore, $$\vec{a}\times \vec{b} = 0 + 2*2 (\vec{j} \times \vec{i})$$
Now, remember $$ \vec{j} \times \vec{i} = - \vec{i} \times \vec{j} = -\vec{k}$$
Finally, we write $$\vec{a}\times \vec{b} = -4\vec{k}$$
So, how does this relate to that original magnitude relation? well it turns out that the magnitude of this perpendicular vector $\vec{a} \times \vec{b}$ is the area of a parallelogram with side length $'∥a∥'$ and $'∥b∥'$
Further reading
Connection between area and rotation
Refer