[Vuejs]-How to make this simple Vue.js code work for a beginner

  data: {
    appName: 'Component Demo',
    userName: 'John Doe'
  },

here the variable name is userName. but on html part you have used name

change this to

<input type="text" v-model="userName" />

Hope this solves the issue