• vue(1)— 简单介绍&生命周期


    目前,前端可以说是三分天下的时代,是前端发展史一个辉煌的时代,三大主流框架Vue,Angular,React三分天下。此文主要介绍Vue框架。

    Vue 一套用于构建用户界面的渐进式框架,采用MVVM开发模式,实现数据双向绑定,虚拟DOM提高性能。

    1、渐进式怎么理解?

    vue是自底向上逐层应用:声明式渲染—组件系统—客户端路由—大数据状态管理—构建工具;

    2、MVVM数据双向绑定?

    M—model层(数据层,也就是指数据,前端通常是指js);

    V—view层(视图层,也就是DOM层,前端通常是指html);

    VM—view-model(处理数据和界面的中间层,也就是指Vue);

    3、虚拟DOM?

    js原本的运行速度是很快的,但是操作大量的DOM就变得很慢了,前端实现数据更新就是通过js操作DOM,更新视图层的数据,数据更新后重新渲染页面,没有改变数据的地方也会重新渲染,从而造成了大量的浪费。利用在内存中生成与真实DOM与之对应的数据结构,这个在内存中生成的结构称之为虚拟DOM。 当数据发生变化时,能够智能的计算出重新渲染组件的最小代价并应用到DOM操作上。

    vue的生命周期,官方给出的生命周期图示非常的直观,第一次看到此图感觉陌生的很,学习一段时间再来看此图会发现看懂了许多,每隔一段时间就看看此图,对不理解的概念就会清晰很多了。

  • 相关阅读:
    RabbitMQ系列2 RabbitMQ安装与基础入门
    RabbitMQ系列1 什么是MQ
    数据结构与算法系列1之数组介绍与动态数组实现
    数据结构与算法系列3之从内存角度分析数组与链表的区别
    Dubbo学习
    Can't locate Pod/Text.pm问题分析及解决
    “画饼”陷阱论
    自述
    结构光、立体视觉、ToF三种3D传感原理
    游侠郭解是如何被无脑粉坑死的?
  • 原文地址:https://www.cnblogs.com/front-boy/p/9392952.html
Copyright © 2020-2023  润新知