初步体验vue{{username}}无法正常显示

这个是我按照视频步骤走的，但是无法正常显示{{username}}

这个是在vue官网上看的，可以显示，但是我想把const声明的常量换成vm就还是无法正常显示了

初学乍练，不明就里，各位师兄师姐海涵哈~

首先你这个是vue2还是vue3的脚本如果是vue3的脚本，第一个图片是不能运行的，我看你导入的是同一个js所以你应该插入的是vue3的，你可以找个vue2脚本插入，第一种情况就能运行了

data是一个函数，并返回一个对象

是你data 写法问题 换成 data(){return {username:"xxx"}}

 const vm = new Vue({
        // 挂载要管理的元素
        el: '#app',
 
        // 定义数据
        data() {
            return {
             username:"xx"
            }
 
        },
        mounted() {
          
        },
        methods: {
           
        }
    })

整个页面的代码贴到代码块里，给你看看

虽然是vue2的写法，但我写法本身的确也有问题，谢谢各位学长学姐的耐心回答~