了解Vue.js

Posted 2021-02-16 qingshanyici

一、了解Vue

（1）Vue.js在设计上采用MVVM（Model-View-ViewModel）模式

当View变化时，会自动更新到ViewModel，反之亦然。View与ViewModel通过双向绑定（data-binding）建立联系。

（2）Vue.js的不同

在jQuery操作中，我们往往会将视图代码和业务逻辑紧紧地哦何在一起，随着功能的不断增减，直接操作DOM会使得代码越来越难以维护。

而Vue.js通过MVVM模式拆分为视图与数据两部分，并将其分离。因此只需要关注数据即可，DOM的事情Vue会自己搞定。

二、如何使用Vue

（1）传统前端开发模式

如今前端概念层出不穷，比如ES6、Node.js、npm、前端工程化等。而传统的前端开发模式，无法满足复杂的业务场景，比如SPA（单页面富应用）、组件解耦等。为了提高开发效率，降低维护成本，Vue诞生了。

（2）Vue的开发模式

Vue是一个渐进式的javascript框架。可以通过使用Vue单文件的形式，配合webpack来使用，必要时还需要vuex来管理状态，vue-router管理路由。所以Vue.js框架开模模式多样化。