JSFiddle - React, Tailwind, and code Playground

by hlim188

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>VueJS2 Tutorials</title>
	<link href="style.css" rel="stylesheet">
	<script src="http://unpkg.com/vue"></script>
</head>
<body>
	<div id="vue-app">
    <h1>{{ greet('night')}}</h1>
    <p>{{ name }}</p>
    <p>Job: {{ job }}</p>
  </div>
</body>

Vue

new Vue({
  el: '#vue-app',
  data: { 
    name : 'Jen',
    job: 'Ninja'
  },
  methods: {
    greet: function(time){
      return 'Good ' + time + ', '+ this.name;
    }
  }
});