Javascript 简单VueJS Hello world应用程序不工作

Javascript 简单VueJS Hello world应用程序不工作,javascript,html,vue.js,vuejs2,vuejs3,Javascript,Html,Vue.js,Vuejs2,Vuejs3,我是VueJS的完全初学者,这是我的第一个应用程序。这是一个Hello world应用程序,但代码不起作用;( HTML 您的数据必须是函数 new Vue({ el: '#app', data() return { title: 'Hello world!', }; } }); 请参阅文档:您使用的CDN链接使用Vue 3版本,代码语法在Vue 2中运行,因为您是初学者,所以应该将CDN链接更改为Vue 2: <

我是VueJS的完全初学者,这是我的第一个应用程序。这是一个Hello world应用程序,但代码不起作用;( HTML


您的
数据必须是函数

new Vue({
    el: '#app',
    data()
      return {
          title: 'Hello world!',
      };
    }
});

请参阅文档:

您使用的CDN链接使用Vue 3版本,代码语法在Vue 2中运行,因为您是初学者,所以应该将CDN链接更改为Vue 2:

   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

{{title}}


同意,但值得注意的是,Vue 3承诺支持此语法。请参阅此处的Vue 3文档:(除了
新Vue(
部分,我没有尝试过)Vue 3中没有
新Vue
,您应该使用
const app=Vue.createApp({})
要创建新实例OK是的,OP这是两个问题,但看起来您需要Vue 2。OP有一个问题,就是CDN链接,数据
data:{…}
语法可以在通过CDNNo使用Vue时与Vue 2一起使用,数据应该是任一版本的函数。请参阅Vue 2文档:
new Vue({
    el: '#app',
    data()
      return {
          title: 'Hello world!',
      };
    }
});
   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>