首先我采用了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>
保存,然后运行。
跑通了!!!