码迷,mamicode.com
首页 > Web开发 > 详细

了解Vue.js

时间:2019-04-14 14:04:08      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:绑定   自动更新   javascrip   成本   rip   通过   mvvm   out   因此   

一、了解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

标签:绑定   自动更新   javascrip   成本   rip   通过   mvvm   out   因此   

原文地址:https://www.cnblogs.com/qingshanyici/p/10704642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!