JSFiddle - React, Tailwind, and code Playground

by Gorke07

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="exercise">
<p>Vue Muazzam Bir Framework - {{name}} ({{age}}) </p>
<p> {{ age * 5 }}</p>
<p> {{ randomSayı() }}</p>
<p> <img v-bind:src=image alt=""> </p>
  <div>
    <input type="text" v-on:input=changeText>
    <p>{{text}}</p>
  </div>
</div>

JavaScript

new Vue({
	el : "#exercise",
  data : {
  	name : "Görkem Kalıpcılar",
    age : "25",
    image: "https://vuejs.org/images/logo.png",
    text: null,
    
  },
  methods : {
  	randomSayı(){
  		return Math.random();
  	},
    changeText: function(text){
    	this.text = text.target.value
     
    }
  
    }
  
});