Vue.js插值表达式未解析，直接显示变量名问题求助

核心问题：Vue版本不兼容 #

你引入的是Vue 3的CDN资源，但代码用的是Vue 2的初始化写法，导致Vue无法正确解析模板中的插值表达式，所以直接输出了{{ name }}。

两种解决方式任选其一： #

方式一：切换到Vue 2的CDN #

把index.html里的Vue脚本替换为Vue 2的稳定版本：

<script src="https://unpkg.com/vue@2"></script>

方式二：适配Vue 3的代码写法 #

修改app.js的初始化代码，使用Vue 3的createApp API：

const { createApp } = Vue
createApp({
  data() {
    return {
      name: 'Shaun'
    }
  }
}).mount('#vue-app')

额外检查项（若上述方法无效） #

• 打开浏览器控制台，查看是否有加载报错，确认app.js文件路径正确且已加载
• 验证Vue对象是否正常引入：在控制台输入console.log(Vue)，能输出对象说明引入没问题

内容的提问来源于stack exchange，提问作者Tanzeem