Vue.js 2 Web Development Projects

Initializing directly in the data

The other way is to initialize the content data property with the restored value directly:

new Vue({
  // ...
  
  data () {
    return {
      content: localStorage.getItem('content') || 'You can write in **markdown**',
    }
  },

  // ...
})

With the preceding code, the watcher handler will not be called because we initialize the content value instead of changing it.