JSFiddle - React, Tailwind, and code Playground

by bpmania

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <button v-on:click="hello">Hello (v-on)</button>
  <button @click="hello">Hello (shorthand)</button>
  
  <p v-bind:title="title">Hover me (v-bind)</p>
  <p :title="title">Hover me (shorthand)</p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Hello World!'
  },
  methods: {
	  hello: function() {
    	window.open('http://ptcgs.wistron.com/Windchill/ptc1/ext/createPartWizard?revisionMode=create&AjaxEnabled=row&showNewCADDocStep=false&hideAssociatePart=true&ContainerOid=OR%3Awt.pdmlink.PDMLinkProduct%3A238956&u8=1&wizardActionClass=ext.wistron.pim.processor.CreatePartEntranceFormProcessor&wizardActionMethod=execute&tableID=table__folderbrowser_PDM_TABLE&actionName=createPartWizard&portlet=poppedup&context=comp%24folderbrowser_table%24OR%3Awt.folder.Cabinet%3A238990%24&oid=OR%3Awt.folder.Cabinet%3A238990&ibaValue=Test11111').focus();
    }
  }
});