Vue.js启航

从这篇博客开始我将会写一系列的博客来记录我学习Vue.js的过程，首先分享以下我为什么要学习Vue.js
- 前端很火，找工作容易，但找前端你不认识一两个框架是找不到工作的
- 前端框架很多，现在基本上市Angular，React，Vue三分天下
- Vue由国人所写，文档比较适合国人的思维，有比较正式的中文文档而并非翻译文档

跟其他前端框架的详细对比 – [对比其它框架]

从其中节录跟React和Angular的对比

与React的对比

相似点：

• 使用Virtual DOM
• 提供响应式和组件化的视图组件
• 将注意力集中保持在和辛苦，伴随于此，有配套的路由(Vue Router)和负责处理全局状态管理的库(Vuex)

不同点：

• 到目前为止，针对现实情况的测试中，Vue的性能优于React
• React 使用 JavaScript 编写，在Vue中采用Web技术并在其进行扩展
• React 中作用域内的CSS会产生警告，非常简单的CSS还可以工作，稍微复杂点的要么通过沉重的依赖来重做，要么直接不能用，Vue可以让你在每个单文件组件中完全访问CSS

与Angular1的对比

相似点：

• Vue的语法和Angular1的语法有相似的地方，例如指令v-if与ng-if。Angular是Vue早期的开发灵感

不同点：

• 在API与设计上Vue比Angular1简单得多
• Vue是一个更加灵活开放得方案。允许你以希望的方式阻止应用程序，而不是任何时候都必须遵循Angular1指定的规则
• Vue中指令和组件分得更加清晰。指令只封装DOM操作，而组件代表一个自给自足的独立单元，而Angular1中有不少相混的地方
• Vue有更好的性能，并且非常容易优化

与Angular2的对比

不同点：

• Vue相比Angular2更加灵活
• 开始使用 Vue，你使用的是熟悉的 HTML、符合 ES5 规则的 JavaScript（也就是纯 JavaScript）。有了这些基本的技能，你可以快速地掌握它并投入开发 。Angular 2 的学习曲线是非常陡峭的。即使不包括 TypeScript，它的开始指南中所用的就有 ES2015 标准的 JavaScript，18个 NPM 依赖包，4 个文件和超过 3 千多字的介绍，这一切都是为了完成个 Hello World。而Vue’s Hello World就非常简单。甚至我们并不用花费一整个页面去介绍它。

---

说说我的观点

    对于Angular，React和Vue我都有接触过。Angular我最先接触的是Angular 1.5.9，然后看着Angualar 1.2的入门书，这时候出现的状况是，我甚
&nbsp&nbsp至连Hello world都写不出来，因为这两个版本有一些代码是不兼容的。然后根本没有像样的1.5版本的指南书，或者是中文指南教程，这时候就翻着墙，到Angular官方文档那里查，才把Hello World写出来。作为一个后来者，我并不了解它的迭代过程，也没了解它什么时候放弃了什么特性，但同样是Angular1不同的版本尚且有如此之大的区别，Angular1 跟 2 的区别就更大了。
    到了后来，我又接着学习了Angular2，这次我是直接按着官方开始指南来学习了。这时候另外一个坑来了，正如上面所说的，官方指南是使用npm来管理依赖的，这时候我又有问题了，我尚且不知道有npm run build，如果我照着指南打难道就只能在node上运行了吗，我怎么发布到Apache或者IIS。这种问题对于新手的我真的很无奈
    然后到了React我也是遇到了跟Angular2一样的麻烦，不过在学习React的时候我已经知道怎样build了
    这次学习Vue是冲着国人写的，相对于其它几个框架来说，文档更符合国人的口味。然后我上去一看文档，它甚至介绍了CLI构建，NPM构建和直接引用JavaScript文件三种方法，要知道，直接引用JS对于一个新手来说是多么棒的入门方法，然后我就照着文档学习了一个下午，就决定写下这篇博客，开始我的Vue.js的航程

航程

到现在为止已经学习的内容

• 数据的双向绑定
  主要的内容是使用v-model实现输入数据和显示数据的实时更新

• 主从结构应用的构建
  主要的内容是父子组件的数据传输

• 多组件应用的构建
  主要的内容是非父子组件间的简单数据通信

• 带路由功能应用的构建
  主要内容是介绍Vue-Router的基本使用（个人觉得比官方的路由指南要详细）

• 使用Vuex进行状态管理
  当我们的应用逐渐变得复杂的时候我们的中央总线可能力不从心，可能需要使用Vuex进行集中的状态管理