Vue-el和data的两种写法

el的两种写法

写法1

new Vue({
  el: '#app'
})

写法2

const v = new Vue({
})

v.$mount('#app')

总结

两种写法都可以，实际中写法1比较常见

data的两种写法

写法1

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

写法2

new Vue({
  el: '#app',
  data() {
  //this为vue实例对象
  console.log(this)
    return {
      name: 'zhangsan'
    }
  }
})

总结

强烈推荐写法2，因为是函数，在return前可以进行其他操作。