首页 > 编程语言 >Vue第一个程序,经典Hello

Vue第一个程序,经典Hello

时间:2023-07-26 18:11:31浏览次数:30  
标签:vue global Vue js 文件夹 经典 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程序就完成了

标签:vue,global,Vue,js,文件夹,经典,Hello
From: https://www.cnblogs.com/dugubingxun/p/17583247.html

相关文章

  • vue 2 接入three.js
    1、安装[email protected]、在vue中引用(可以测试一下,是否ok,下面测试)1)、新建index.jsimport*asTHREEfrom'three';//引入Three.js扩展库import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js';//创建场景varscene=n......
  • 手机上vue页面返回时如何保持原来的位置
    1,问题的提出采用vue做手机评分页面的前端,页面显示多个评分项的分数和总分。每个评分项有个修改按钮,按下后弹出新的页面,用户填写分数后按提交按钮,则保存数据、关闭页面、回到前一页。此时,页面上显示的分数和总分会刷新,但是显示的页面位置未保留修改前的位置,而是回到了顶部显示。......
  • 如何快速在本地运行你vue打包的的dist文件
    要在本机启动运行前端提供的dist包,需要先安装一个HTTP服务器,例如Apache,Nginx,phpstudy。这里以使用Node.js的http-server为例进行说明首先,确保已经安装了Node.js。如果没有安装,可以从官网下载并安装。打开终端或命令行窗口,使用以下命令安装http-servernpminstall-g......
  • 转:磁盘性能压测二三事之——性能参数和指标--非常经典
    摘要:本文就将通过对磁盘性能测试指标及参数的介绍,来理解以上两个原因为什么会对测试结果有影响。近日工作中遇到了一个磁盘压测时性能上不去的问题,经排查,发现原因有以下几个方面:1测试参数的选择2业务逻辑未关闭本文就将通过对磁盘性能测试指标及参数的介绍,来理解以上两个原......
  • 视频直播系统源码,vue自定义模拟滚动条
    视频直播系统源码,vue自定义模拟滚动条vscroll自定义滚动条模板 <template> <divclass="vui__scrollbar"ref="ref__box"@mouseenter="handleMouseEnter"@mouseleave="handleMouseLeave"v-resize="handleResize">  <div:......
  • 庆军之低代码vue模式
    原来render(h),h并不是一个对象。我一直以为,我可以写成render(h){ createuibycode(h,data,data.Data);returnh;},metchs:{createuibycode(h,ui,Data){....varuitype=ui....varuiprops=ui.propsvarsmh=h(uitype,uiprops,[]); }} 结果以上方案无法显......
  • 5月书讯 | 备受期待的《NGINX经典教程》来啦!
    5月已经过半,今年计划读的书,你进行的怎么样了?在这个充满生机的5月,图灵即将有5本好书上市。快来看看都有什么吧!备受期待的《NGINX经典教程》终于来啦!这本书是新技术趋势下,对NGINX的全新解读。关注NGINX的基础、用法和现代场景,一本足够,带你全面了解NGINX开发。除此之外,《深......
  • 在Vue中的使用axios
    一、什么是axiosaxios是一个基于Promise的HTTP客户端,用于浏览器和Node.js中发送HTTP请求。它支持各种HTTP请求方法,如GET、POST、PUT、DELETE等,并且可以拦截请求和响应,设置请求超时等功能。它也可以与现代前端框架(如Vue.js、React、Angular等)进行集成。二、如何在Vue.js中使用axios(1......
  • Amazon 4.7 星评,领域新经典,了解服务设计就读它
    2011年,AdaptivePath公司的BrandonSchauer粗略估算,美国每年在服务的规划和设计上大约花费20亿美元,但其中仅有7000万美元(大约3.5%)花在了“服务设计”上。做另外96.5%的工作的那些人,从不觉得自己是服务设计师,甚至从没听说过“服务设计”这个词。划重点:很多人,还不知道自己......
  • 又一本经典全面升级 豆瓣 8.5,搞透 Kafka 就看它了
    科学家们每一次发生分歧都是因为掌握的数据不够充分。所以,我们可以先就获取哪一类数据达成一致,只要获取了数据,问题也就迎刃而解了。要么我是对的,要么你是对的,要么我们都是错的,然后继续。——NeildeGrasseTyson每个应用程序都会生成数据,包括日志、指标、用户活动记录、响应消息等,......