-
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>