JSFiddle - React, Tailwind, and code Playground

HTML

<title>Vue.JS</title>
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<div id="xss">
   {{message}}
  <p id="message"></p>
   <p id="message1"></p>

</div>
		<script>
				//using jQuery .text() only encodes HTML control characters, .html() encodes nothing 
				$('#message').text("'><script>alert(1)<\/script>'");
        $('#message1').text("{{_c.constructor('alert(2)')()}}");
		</script>

JavaScript

new Vue({
  el: '#xss',
  data: {
    message: 'Wut'
  }
})