Vue第一个程序，经典Hello
弄明白了简单模式的vue应用，开始应用，首先下载vue.js文件，也可以访问使用 CDN 方法,
我是直接下载了vue.global.js，方法是NPM 方法（这个在上面的官网与菜鸟都有）
,然后用Visual Studio 建了一个空网站，新建文件夹scripts 把vue.global.js放文件夹下，新建文件夹pages在这个文件夹下新建一个html文件
写如下代码，然后保存
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="../scripts/vue.global.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<div id="Hello">
<p>{{ message }}</p>
</div>
</body>
</html>
<script>
const HelloVueApp = {
data() {
return {
message: 'Hello Vue!!ssss'
}
}
}
Vue.createApp(HelloVueApp).mount('#Hello');
</script>
然后运行，第一个Hello程序就完成了
本文来自博客园，作者：冰血飞，转载请注明原文链接：https://www.cnblogs.com/dugubingxun/p/17583247.html
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）