Vue —— 从index.html开始
-
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>
