1.什么是vue，为什么要学习？
答：写前端用的，完成各种各样的交互，挺流行的，别人都用，我也要用！找工作也好找！
2.vue难不难？
答：什么技术都是难者不会，会者不难！只要勤练，自然能学会！毕竟好记性不如烂笔头嘛，加上这么油腻的教程，各种复杂的知识点，还不是秒懂嘛！
3.要怎么安装？
答：万事开头难，新技术的学习有一大半的同学都会倒在第一步-安装上，在不理解的情况下，盲目的被逼着去下载安装设置各种东西，很容易产生厌烦情绪，加深怀疑和恐惧，然后放弃。所以我们来个最简单的，直接在html文件的开头引入：
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
就算安装完毕了！
4.需要什么基础？
答：三勺代码思维+二勺html结构基础+半勺js理解 即可。
5.要准备什么软件来学习?
答：准备什么都太麻烦了，不同的系统，不同的软件版本，破解什么的，然后和教程还不一致的话，就会导致一大堆的问题，妨碍自己好好学习下去，所以我们找个在线的练习写html的网页就好了，大家打开这个网站：菜鸟在线html编辑器
6.为了减少麻烦，大家打开上面的在线编辑器后可以看到这个界面，这就是初始的最原始的vue的格式，简单明了，我们可以把这当做草纸，我们之后在学习的过程中，在上面各种试验即可，多余的一点东西都没有。
如上图，左边是你写代码的地方，俗称在线ide，写完后，点击绿色的按钮“点击运行” 右侧就可以显示出运行结果了！够简单吧！左侧html代码中，我们只关注这个红框内的即可，其他的都不用管。
7.认识下html用法的基本结构和原理吧
首先，在dom层中（dom是什么？就是你写的那些真实的标签，元素，比如输入框，比如div标签等等，docment首字母，docment就是元素）我们随便写了个标签块（就是本来我们写俩个p标签，这个p标签是用来放一些文字的段落的，属于最简单的标签之一，用这个来做试验 简单！然后为了控制它，我们在外面包了一层div标签。）然后具体要控制它做的事或者说这个标签块的设置代码在哪呢？答案就是在script里写，这个就是专门存放js/jq/vue.js等语言的地方，死记硬背吧，这个script里就是俗称的 bom区域，就是browser的首字母。意思是放一些和浏览器交互的代码的地方。
我们除了bom和dom，暂时不用管其他区域的代码，你就当其他部分都是没用的装饰注释引入语句即可。
8.我们来研究下这个vue的基础demo。
首先我们想控制这个 div和它里面的东西，就需要知道它的id，比如图里id是"app"，如果没有我们就自己写一个。
然后，我们在script中 写vue的控制函数，注意这里的写法结构是固定的，你死记硬背吧。先是一个 new Vue，然后是小括号，小括号内有个大括号，大括号内有一堆属性，比如el，比如data，每种属性都有自己的小空间，比如data也是一个大括号。
那么这段bom区的代码，要怎么控制dom区的元素块呢？当然就是靠元素块的id来关联上，关联上就能控制了。这个代码块的id是字符串"app"，那么在script里的Vue({})里，我们就把el的值 也写成字符串"#app"，这就是关联上了！至于原理，你暂时不需要知道，死记硬背吧，vue作者就是这么规定的，谁有办法？注意，这些属性名和作用，都是固定的，你不要改，你也改不了，就背就完事了。
现在我们学到了这个el，知道了它就是用来绑定不同的元素块的，他里面写#+元素块的id 就是绑定了。（这个#实际上是借用了jq的选择器写法，代表用id定位，等价于js中的getElementById,不过我们没必要理解这么深刻，浪费我们精力，死记硬背，这个el的值就是要#+id即可。）这也就是我们今天学到的第一个知识点了，el属性。
然后开始今天学到的第二个知识点，data属性。注意之后都是这样的一大堆属性的作用和使用，都学完，你的vue水平就已经超过很多人了，是不是很简单，每天跟我学一个属性即可。不用额外去学习其他架构上的复杂知识了。
注意图中的这个data属性，它是个大括号，里面都是key-value这样 一对一对的。
那么，这个data是干哈的，大家应该猜到了，没错，就是专门给这个元素块 放各种变量数据的一个仓库而已。
如图中，现在放了一个变量，叫message,它的值是"Hello Vue.js"这样一个字符串。
vue的好处就是，只要这里放了变量了，那么元素块中就可以直接用，怎么用呢？就是用俩个大括号夹着变量名 就可以了。
本来这个p标签内，写的就是一个文案，然后能显示到网页上，现在这里写的{{ 变量名 }},就会被浏览器当做是一个变量，然后去对应的data仓库里去找，看有木有，发现，诶？正好有一个叫做message的，就马上把它的值拿出来 放到原位了。
所以就会看到我们右侧的结果显示窗口，显示：
我们可以自己尝试，修改message的值，然后点击运行，会发现右侧结果展示的也会变化。
那么如果你的变量名不对，会怎样呢？
比如我改了下变量名：
点击运行后发现啥都没有，那就说明报错了，找不到要用的message变量。
右键，选择最后一个【检查】就可以打开俗称f12的调试工具，选择Console就可以看到控制台的报错了，没错，前端页面也是编程！当然也有控制台输出！只是平时隐藏起来了。
这个错误很明显：
说我们的message变量 没有被定义！
