工具/原料
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>
收起