工具/原料
1、電腦
2、HBuilderX
方法/步驟
1、使用鼠標(biāo)點擊打開HBuilderX軟件
2、然后點擊菜單欄文件--->新建--->項目
3、輸入項目名稱,點擊選擇創(chuàng)建基本html項目,然后點擊創(chuàng)建按鈕
4、到vue官網(wǎng)下載vue.js開發(fā)依賴包,把vue.js開發(fā)包拷貝到項目的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>
收起