工具/原料
1、电脑
2、HBuilderX
方法/步骤
1、使用鼠标点击打开HBuilderX软件
2、然后点击菜单栏文件--->新建--->项目
3、输入项目名称,点击选择创建基本html项目,然后点击创建按钮
4、到vue官网下载vue.js开发依赖包,把vue.js开发包拷贝到项目的js文件夹,然后在html页面引入键入完整代码,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>vue.js菜鸟教程</title>
</head>
<script src="js/vue.js"></script>
<body>
<div id="app">
{{message}}
</div>
<script>
var app=new Vue({
el:'#app',
data:{
message:'Hello Vue!'
}
});
</script>
</body>
</html>
收起