了解Vue.js

Posted qingshanyici

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了了解Vue.js相关的知识,希望对你有一定的参考价值。

一、了解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框架开模模式多样化。

以上是关于了解Vue.js的主要内容,如果未能解决你的问题,请参考以下文章

2020年优秀JavaScript框架,你确定不来深入了解一下?

Vue.js

Vue.js基础

什么是Vue.js

Vue.js系列一

vue学习