<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Vue入门</title>
<script src="./vue.js"></script>
</head>
<body>
<!-- 挂载点、模板、实例之间的关系 -->
<!-- el指定的dom元素即为Vue实例的挂载点 -->
<!-- 挂载点中的内容为模板内容 -->
<!-- Vue实例 -->
<div id="root"></div>
<script>
new Vue({
el:"#root", //指定要绑定的dom节点,挂载点
template:'<h1>{{msg}}</h1>', //可以写在挂载点下,也可以写在这里
data:{
msg:"Hello World"
}
})
</script>
</body>
</html>
注:学习笔记内容来自:https://www.imooc.com/learn/980
官网:cn.vuejs.org