vue入门（一）---vue简介

通过阅读vue.js的文档进行一个vue的总结，大部分内容摘抄自vue的官方文档。

• vue.js的核心是能够使用简洁的模板语法声明式地将数据渲染至dom系统。

  数据和 DOM被建立了关联，所有东西都是响应式的。

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

 当修改实例中的message值的时候，div中的值也将被修改。

• vue与react的不同

vue与react有很多相似之处：使用virtual dom；提供了响应式和组件化的视图组件；将注意力集中在核心库，其他功能交给相关库。

不同之处：

性能优化：

在react中，当某个组件发生变化时，会以该组件为根，重新渲染整个组件子树。如果需要避免子组件的渲染，需要在需要的地方使用PireComponent或者shouldComponentUpdate，使用时需要保证子树的渲染输出由该组件的props决定。如果不符合，则可以导致渲染结果不一致。

而在vue中，组件的依赖在渲染过程中是自动追踪的，所以可以精确知道哪个组件需要需要被重新渲染。不需要考虑这方面的优化。

HTML&CSS

在react中，一切都可以用js。css也越来越多的纳入js中处理。

而vue扩展了经典的web技术，，基于html的项目更容易迁移，读写更加自然，适合于新人。

emmmmmm，CSS作用域涉及到了单组件之类的，后续再补充嗷。

向下扩展

在学习react之前，需要先学习JSX和ES2015，而vue只需要先阅读文档即可创建简单的项目。