什么是Vue?Vue双向数据绑定原理以及生命周期详解

 

微信公众号：程序员W

W来分享啦~

今天W的分享

目前前端最流行的框架之一Vue.js

下面跟W一起探索吧~

尤雨溪的Vue.js     

对于Vue.js的理解

—— 什么是Vue.js ——

 

Vue.js是一套构建用户界面的渐进式框架

    Vue被设计为可以自底向上逐层应用。

    Vue的核心库只关注视图层，不仅易于上手

    还便于和第三方库或既有项目整合。

    另一方面，当与现代化的工具链以及各种类库结合使用时Vue也能为复杂的单页应用提供驱动

 

Vue基于MVVM模式，将视图与模型双向数据绑定的数据驱动页面框架，M是数据，V是视图，VM是提供视图与模型之间双向数据绑定的通道。

特点：

1. View的变化会自动更新到viewModel
2. viewModel的变化也会自动同步到view上显示
3.这种同步是因为viewModel中的属性实现了observer
4.当属性变更都能触发对应的操作

—— 我的理解 ——

    Vue.js是一个构建用户界面数据驱动的渐进式框架

    通过尽可能简单的API实现响应的数据绑定和组合的视图组件  

—— 渐进式框架 ——

自由可控，对比三大框架的其他两个框架

1.当我们要用Angular框架时,要知道它是强主张的，必须遵循以下三条原则

        必须使用它的模块机制

        必须使用它的依赖注入

        必须使用它的特殊形式定义组件

2.当我们时候用React时，主张函数式的编程

    你需要知道什么是副作用

    什么是纯函数，如何隔离副作用

Vue就比较自由，你想把你的页面分的更加具体，分成更小的可控单元，那就使用组件反之可以不用。

不管是单页面还是多页面。首先都是通过声明式渲染声明每个字段，这是基本的要求。

通常我们会把公共的头部和尾部抽出来，做成组件。

单页面应用程序时往往是需要路由，这时候需要把vue的插件（vue-router）拉进来做路由

如果我们的项目足够复杂，大量的使用组件而且难以去管理组件的状态，这个时候我们使用vuex

项目