-
html5文檔
-
vue.js導入
-
Vue對象
從第一個index.html開始，在html文件中輸入h可以調出自定義的html模板，也可以調出系統的模板
Vue.js 下載
<!-- 引用Vue.js的本地資源 -->
<script src="../js/vue.js"></script>
<!-- 編程工具：Microsoft VS Code 瀏覽器：Chrome 框架：Vue.js 需下載Vue.js文件或者訪問在線資源 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index.html</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="my_app"> {{message}} </div>
</body>
<!-- javascript部分 -->
<script>
<!-- 使用 new Vue() 建立匿名類也行 -->
var one = new Vue({ //操作id = my_app的控件
el: "#my_app", data: { //注意：使用冒號沒問題，使用等號會報錯
message: 'Nice to meet Vue.js' } }); </script>
</html>