标签：window 角度 简洁 char col hello 操作dom onload 声明
Vue.js一个核心思想是数据驱动。所谓的数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM。大大简化了代码量。特别是交互复杂的时候，只关心数据的修改会让代码的逻辑变得非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的修改，而不用触碰DOM这样的代码非常利于维护。
在vue.js中我们可以采用简洁的模板语法来声明式的将数据渲染DOM:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.js"></script>
<script>
window .onload= () =>{new Vue({
el:"#app",
data:{
message:‘hello World!!‘
}
})
}
</script>
</head>
<body>
<div id="app">
{{message}}
</div>
</body>
</html>
由显示效果可知，在页面上渲染出Hello World!!.
接下来我们就从该源码的角度来分析Vue是如何实现的，分析的过程会以主线代码为主，重要的分支逻辑会放在之后来进行单独的分析。数据驱动还有一部分是数据更新驱动视图变化。
标签：window 角度 简洁 char col hello 操作dom onload 声明
原文地址：https://www.cnblogs.com/jiguiyan/p/10699970.html
