JSFiddle - React, Tailwind, and code Playground

by realdev

HTML

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

<div id="app">
  <p>{{ foo }}</p>
  <!-- obj.foo는 더이상 변하지 않습니다! -->
  <button v-on:click="foo = 'baz'">Change it</button>
</div>

JavaScript

var obj = {
  foo: 'bar'
}

Object.freeze(obj)
// Object.freeze(obj)

new Vue({
  el: '#app',
  data: obj
})