In a recurring theme of this season Madrid were made to pay for Cristiano Ronaldo and Karim Benzema missing first-half chances as Barca took control after half-time.
Suarez rounded off a flowing counter-attack to open the scoring before Messi blasted home a penalty after Madrid defender Dani Carvajal was sent-off for punching the ball off the goal line.
And Messi was the creator as Vidal rubbed salt into Real’s wounds deep into stoppage time.
“The league isn’t finished, we haven’t even completed the first half of the season,” claimed Barca boss Ernesto Valverde on his side’s seemingly unassailable advantage.
However, victory extends Barca’s unbeaten run to 25 games in all competitions as they moved nine points clear of second-placed Atletico Madrid and exacted revenge for a 5-1 thrashing on aggregate in the Spanish Super Cup at the hands of Real in August.
Madrid do still have a game in hand over Barca to marginally reduce the gap at the top, but their efforts in the new year are now likely to be more focused on becoming the first side to win three consecutive Champions League titles in over 40 years.
“We are down because it is a defeat that hurts,” said Madrid boss Zinedine Zidane.
“Madrid never give up, whatever happens. It is a difficult moment because we’ve lost by three goals. I could say we don’t deserve it, but that is football.”
Despite the clash between the Spanish capital’s and Catalonia’s two giants taking place just two days after three parties favouring independence for the prosperous region from Spain retained an absolute majority in the Catalan parliament, there was little attention paid to politics inside the ground once the action got underway.
– Real rue Ronaldo miskick –
It could have been very different for the hosts if Ronaldo had buried a huge opportunity when he completely miskicked just 10 minutes in.
Barca didn’t threaten at all until the half hour mark when Messi finally found some room in a congested midfield to pick out Paulinho’s late run and the Brazilian’s acrobatic effort was matched by a flying save from Keylor Navas.
Seconds later it was Marc-Andre ter Stegen to demonstrate why he has been one of the keys to Barca’s success this season by getting an outstretched toe to turn Ronaldo’s fiercely struck shot behind.
Benzema was inches away from giving Real a half-time lead as he headed against the post two minutes before the break.
However, Barca came out a different side in the second period to almost certainly put the title out of Madrid’s reach.
“In the second-half we managed to impose our control on the game,” added Valverde.
Nine minutes after the break Sergio Busquets’s calm opened up the Madrid midfield as he fed Ivan Rakitic and Sergi Roberto eventually crossed to Suarez to apply the finishing touch.
Suarez was spared the embarrassment of missing two huge chances in an incredible goal mouth scramble that led to Barca’s second.
Navas saved Suarez’s first effort before he fired against the post with the goal at his mercy, but Paulinho’s follow-up was punched off the line by Dani Carvajal.
Messi dispatched the resulting penalty into the top corner to kill the game as a contest and was the creator for Barca’s third in stoppage time when Vidal’s drive squeezed in under Navas.
Barca’s perfect weekend was rounded off as Valencia missed the chance to move into second place ahead of Atletico Madrid as they suffered a third defeat in four games.
Carlos Bacca scored the only goal as Villarreal won 1-0 at Mestalla and Valencia will also start the new year without top scorer Simeone Zaza, who was sent-off after seeing two yellow cards in 60 seconds just before the hour mark.
Atletico were also beaten for the first time in La Liga this season 1-0 at Espanyol on Friday.
Download our app and read this and other great stories on the move. Available for Android and iOS.
