vue学习-搭建环境

最新推荐文章于 2023-01-24 12:55:36 发布

古城客栈

最新推荐文章于 2023-01-24 12:55:36 发布

阅读量59

点赞数

分类专栏： Vue学习

本文链接：https://blog.csdn.net/fxwentian/article/details/114305668

版权

Vue学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先我采用了Hbuilder跑通了第一个Vue项目

操作步骤：
1.新建一个Vue项目
在这里插入图片描述
2.Vue项目，创建完毕后，在新建的项目，右击，创建一个index.html文件

3.在Vue官网，下载一个Vue.js文件，我将其放在创建Vue项目，src包下面，方便使用
4.编写第一个Vue代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello vue</title>
		
		<script src="./src/vue.js" type="text/javascript" charset="UTF-8"></script> 
		<!-- 引入vue.js  要不然无法运行-->
	</head>
	<body>
		
		<div id="demo">
			{{message}}
			
		</div>
		
	<script type="text/javascript">
		
		var demo=new Vue(
		{
			el:'#demo',
			data:{
				message:'hello vue!!!'
			}
			
		}
		
		);
		
	</script>
	
	</body>
</html>

保存，然后运行。

在这里插入图片描述

跑通了！！！

古城客栈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue学习-搭建环境

首先我采用了Hbuilder跑通了第一个Vue项目操作步骤：1.新建一个Vue项目2.Vue项目，创建完毕后，在新建的项目，右击，创建一个index.html文件3.在Vue官网，下载一个Vue.js文件，我将其放在创建Vue项目，src包下面，方便使用4.编写第一个Vue代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello vue</
复制链接

扫一扫