HelloVue显示{{message}}

该代码浏览器运行结果是{{message}},而非Hello Vue! 求解


```html
<body>
    <div id="app">
        {{ message }}
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
                
        })
    </script>
</body>


```

cdn 地址 不行了 ,我看了一下 你的 cdn 地址不能用了 。用这个就可以


Vue.js 安装 | 菜鸟教程 Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min... https://www.runoob.com/vue2/vue-install.html

建议还是下载到本地 使用

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

我复制你的代码可以打印的

img


看看完整的代码和控制台

Vue实例没挂上,看控制台是否有报错

1.<script 脚本放到 里面看看
2. js文件加载是否成功
3.new Vue 失败,报错

data请使用函数形式

可以看下vue引入的几种方式哦⊙∀⊙!
https://blog.csdn.net/LS_952754/article/details/124950180?spm=1001.2014.3001.5502