今天开始Vue的学习之旅！
首先需要的准备工作就是去官网整一个js，网址如下：
Vue官网
点击起步
点击安装
选择开发版本
下载下来之后放在你能找到的地方
就此准备工作就到这里了
接下来就开始Vue的正式学习！
Vue给我的直观感受就是简化了程序员的开发（果然程序员都懒，哈哈）
以前我们需要操纵DOM元素进行一系列操作，用jquery，ajax等都需要DOM操作来获取数据呀啥的，会很麻烦。Vue就简化了这些操作，根据他的双向数据绑定的特性，我们可以很easy的获取数据并进行操作。
OK，说到这里我们先来一个简单的程序，来看看他具体怎么用的，对，当然是Hello world！这里我们Hello Vue！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LALA</title>
</head>
<body>
<div id="app">
<div>
{{msg}}
</div>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el:'#app',
data: {
msg: 'hello vue'
}
})
</script>
</body>
</html>
大家在这段程序中应该知道刚刚下载的vue.js的作用了吧。
接下来就给大家说说里面具体都是什么
首先，大家看到的***{{msg}}***是什么呢？
这个叫做插值表达式，它的作用就是将数据填充到HTML标签中，它支持基本的计算操作。
下面的js代码第一行大家应该很熟悉，这不就是一个new对象的过程吗？
没错，这就是new了一个vue对象。
里面el元素就是指出元素的挂载位置（值可以是CSS选择器或者DOM元素）
data：模型数据（值是一个对象，这里可以有无数个键值对）。
到这里，Vue的基本用法大家应该心中有数了，到这里大家应该还没有体会到Vue的简便，在接下来的学习中将会深有体会的。
541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
