代码如下

html

<div id="counter">
  Counter: {{ counter }}
</div>

js

const Counter = {
  data() {
    return {
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

这样直接运行时，报vue没有定义的错

加了import { createApp } from 'vue’以后，又报“Uncaught SyntaxError: Cannot use import statement outside a module”的错。
那该怎么办？

import { createApp } from 'vue'

const Counter = {
  data() {
    return {
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

看看教程。