Vue.js dynamic HTML and Vue directives in Sweet Alert 2
This in case of single variable notice its a backtick not a single qoute
const markup = ` <div class="person"> <h2> ${person.name} </h2> <p class="location">${person.location}</p> <p class="bio">${person.bio}</p> </div>`;
this is for loops
const markup = `<ul class="dogs"> ${dogs.map(dog => `<li>${dog.name} is ${dog.age * 7}</li>`)}</ul>`;
reference: http://wesbos.com/template-strings-html/