Vue2

  1. const app = new Vue({
  2.   el: '#app',
  3.   data: { // 数据
  4.     message: 'Hello Vue2',
  5.     firstName: '沐',
  6.     lastName: '颖汐2'
  7.   },
  8.   computed: {
  9.     // 计算属性
  10.     name: function () {
  11.       return this.firstName + '' + this.lastName
  12.     }
  13.   },
  14.   mounted() { // 方法
  15.     add() {},
  16.   }
  17. })

Vue3

  1. const App = {
  2.   data() {
  3.     return {
  4.       // 数据
  5.       message: 'Hello Vue3',
  6.       firstName: '沐',
  7.       lastName: '颖汐3'
  8.     }
  9.   },
  10.   computed: {
  11.     // 计算属性
  12.     name: function () {
  13.       return this.firstName + '' + this.lastName
  14.     }
  15.   },
  16.   mounted() {
  17.     // 方法
  18.     add() {}
  19.   },
  20.   watch: {
  21.     // 侦听器
  22.   }
  23. }
  25. Vue.createApp(App).mount('#app')