Javascript 简单VueJS Hello world应用程序不工作
我是VueJS的完全初学者,这是我的第一个应用程序。这是一个Hello world应用程序,但代码不起作用;( HTMLJavascript 简单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: <
您的
数据必须是函数
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>