介绍

Vue 是一款友好的，多用途且高性能的 JavaScript 框架，它可以帮你创建可维护性和可测试性更强的代码库。Vue 是渐进式的 JavaScript 框架，也就是说，如果你有一个现成的服务端应用，你可以将Vue作为该应用的一部分嵌入其中，带来丰富的交互体验，或者如果你希望将更多的业务逻辑放到前端实现，那么 Vue 的生态（Vuex + Vue-Router）也能够满足你的需求。Vue 允许你将网页分割成可复用的组件，每个组件包含了 HTML、CSS、JavaScript 用来渲染网页相应的地方。

为什么要使用Vue？

• 降低项目复杂度
• 性能更好
• 视图、数据分离
• 维护成本低

Vue的特点

渐进式

Vue 的侵入性很弱，它可以和其他第三方框架一起使用。

组件化

数据驱动

Vue 的视图会根据数据的变化而变化。

为什么性能更好？

Vue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM，减少了频繁操作真实 DOM 的可能，从而提升了应用的性能。详情请阅读虚拟DOM。

视图和数据是如何分离的？

Vue中的视图在模板（template）中处理，模板支持合法的HTML语法，数据在Vue实例中处理，通过el属性与模板进行绑定。

<div id="app">
	{{ name }} {{ age }}
</div>

var vm = new Vue({
    el: "#app",
    data: {
        name: "cxj",
        age: 18
    }
})